Border radius IE alatt
Üdv,
Nos, kicsit befontam a hajamat már :) A probléma a címből talán ki is következtethető. Adott egy gyönyörű, lekerekítésekkel telezsúfolt oldal. Adott egy Firefox, Safari, Opera, Chrome, melyben mind-mind jl látható, esztétikus és szemet gyönyörködtető eme effekt. S adott a kicsi és puha orbitális nagy gyerekkészítő folyamata (kib@szás na...), mely eleve utálja eme stílustulajdonságokat. Próbáltam egy tucat jQuery plug-int, hogy ezt megtudjam oldani, de nem ment semmivel :( Általános gondom, hogy vagy nem lehet vezérelni, mely szegleteket kerekítse (tehát mindent lekerekít), vagy nem lehet neki sehogy se a fejébe verni, mekkora rádiusszal kerekítsen, vagy kerekít, de minden meglévő css-tulajdonságot kiiktat (pl. htc fájlok felénél ezt teszi). Valaki talált már erre valami normális, kézzel fogható alternatívát? SOS^^
Ui.: az nem alternatíva, hogy mindenhova csinálok még plusz 4 boxot és a megfelelő sarkokba pozícionálok egy lekerekített hátteret!
C.
■ Nos, kicsit befontam a hajamat már :) A probléma a címből talán ki is következtethető. Adott egy gyönyörű, lekerekítésekkel telezsúfolt oldal. Adott egy Firefox, Safari, Opera, Chrome, melyben mind-mind jl látható, esztétikus és szemet gyönyörködtető eme effekt. S adott a kicsi és puha orbitális nagy gyerekkészítő folyamata (kib@szás na...), mely eleve utálja eme stílustulajdonságokat. Próbáltam egy tucat jQuery plug-int, hogy ezt megtudjam oldani, de nem ment semmivel :( Általános gondom, hogy vagy nem lehet vezérelni, mely szegleteket kerekítse (tehát mindent lekerekít), vagy nem lehet neki sehogy se a fejébe verni, mekkora rádiusszal kerekítsen, vagy kerekít, de minden meglévő css-tulajdonságot kiiktat (pl. htc fájlok felénél ezt teszi). Valaki talált már erre valami normális, kézzel fogható alternatívát? SOS^^
Ui.: az nem alternatíva, hogy mindenhova csinálok még plusz 4 boxot és a megfelelő sarkokba pozícionálok egy lekerekített hátteret!
C.
Ui.: az nem alternatíva, hogy
Tipp: átlátszóság. Ha a
Ha a befoglaló boxban van háttér, akkor nem fog átlátszani a kerekítés külső részre (vagyis lehet, de mögötte nem az oldal háttere, hanem a box háttere van).
Lehet ezzel elég sokat szívni, de szerencsére IE9-ben már van border-radius, a többi meg fogadja el a csökkent funkcionalitást a csökkent funkciójú böngészőjével.
Ha egyszerűen nem is, de körülményesen (9 divvel) meg tudtam csinálni azt, hogy átlátszó box lekerekített sarkokkal, de hát ez ugye csomó plusz kód egy olyan helyen, ahol egy css paraméterrel meg lehetne oldani az igényt, na meg fix méretű a kerekítés és a box szélessége is. Erre a megoldásra egyébként van csomó tutorial meg példakód (ami jobb is, mint amit én összetákoltam), szóval valószínűleg nem ez az akadály.
Amikor én ilyet kerestem, szintén nem találtam "smart" megoldást a dologra.
Látványterv nélkül nem igazán
Milyen htc fájlok? Gondolom a
border-radius
-t, legalábbis 9 óta.css pie
so-so
C.
pie weboldal
Mi most álltunk át a boilerplate-es best practice-ekre/beállításokra illetve a less+pie css-re és a folyamat meglepően problémamentes volt.