Autor Zpráva
piwik
Profil
Zdravim Vas,

Mam takyto problem, Opera momentalne este nepodporuje css3 vlasnosti ako napr. gradientne pozadie....vo vsetkych ostatnych prehliadacoch som to vyriesil...ale pod Operou sa zobrazuje polozka bez pozadia....teda pri hover


Je nejaka moznost ako spojazdnit gradient pozadie pod Operou ?

Obrazkami to nechcem riesit, menu je v eshope Magento.

Dakujem za rady.
Bubák
Profil
Zdá se, že Opera nechystá CSS gradient ani pro Operu 10.70. Nezmínil jsi IE, předpokládám, že použiješ filter gradient.

Nejjednodušší bude použít obrázek na pozadí, ačkoliv to obrázkem nechceš dělat, nevidím důvod obrázek nepoužít, třeba i v kombinaci s CSS3 gradientem, pokud pro to bude důvod.
Též jde zkombinovat jednobarevné pozadí a CSS3 gradient.

Před chvíli jsem natrefif na http://weston.ruter.net/projects/css-gradients-via-canvas/, ale nemám vyzkoušené.
piwik
Profil
Ja sa na to pozriem...vdaka za radu...dufam ze pomoze :)
piwik
Profil
Tak cez ten javascript som to nakoniec neskusal....nastavil som v css sive pozadie pre polozku, ktore sa zobrazi iba v Opere, vid nasledovny kod ... funguje to.


@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
#id {css rule}
}


V ostatnych prehliadoch sa zobrazuje samozrejme css gradient pozadie....v IE tak ako si pisal je to cez filter a v ostatnych cez background-image gradient.
Bubák
Profil
Pozadí jde přiřadit i bez hacků:
background-image: url (gradient.gif);
background-image: -moz-linear-gradient(
    center top,
    rgba(#FF3300,0.2) 0%,
    rgb(170,221,255) 100%
);
background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgba(255,51,0,0.2)),
    color-stop(1, rgb(170,221,255))
);

V "obyčejných" prohlížečích bude fungovat background-image: url (gradient.gif);
V nových verzích Mozilly a WebKitu bude platit deklarace pro gradient.
Barvy jde zapsat jakýmkoliv v CSS platným způsobem, v ukázce je jedna barva transparentní, RGBA.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0