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 |
#2 · Zasláno: 9. 8. 2010, 23:50:02
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 |
#3 · Zasláno: 10. 8. 2010, 07:11:56
Ja sa na to pozriem...vdaka za radu...dufam ze pomoze :)
|
||
piwik Profil |
#4 · Zasláno: 10. 8. 2010, 07:38:10
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 |
#5 · Zasláno: 10. 8. 2010, 14:38:54 · Upravil/a: Bubák
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. |
||
Časová prodleva: 14 let
|
0