Opacity
Hei!
Olen asettanut sivulle opacity arvon, mutta en haluaisi sen vaikuttavan headeriin jossa minulla on kuva. Onko mitenkään mahdollista estää opacityn vaikuttaminen kuviin? Sivun taiton olen tehny taulukolla.
Olen asettanut sivulle opacity arvon, mutta en haluaisi sen vaikuttavan headeriin jossa minulla on kuva. Onko mitenkään mahdollista estää opacityn vaikuttaminen kuviin? Sivun taiton olen tehny taulukolla.
http://www.google.com/search?sitesearch=www.w3schools.com&as_q=opacity
siitä vaan katselemaan koodeja...
siitä vaan katselemaan koodeja...
Aseta opacity vain niille elementeille, joille haluat sen. Esimerkiksi jaa sivu div-elementeillä osiin vaikkapa niin, että niissä on id=header, id=body ja id=footer ja sitten aseta vain
#body { opacity: 0.8; }
Tosin opacityn asettaminen koko sivulle on hyvin kyseenalaista ja heikentää luettavuutta. Tyypillisesti opacitya käytetään erikoistarkoituksiin kuten osittain läpinäkyvän tekstin sijoittamiseen kuvan päälle (tai toisin päin).
#body { opacity: 0.8; }
Tosin opacityn asettaminen koko sivulle on hyvin kyseenalaista ja heikentää luettavuutta. Tyypillisesti opacitya käytetään erikoistarkoituksiin kuten osittain läpinäkyvän tekstin sijoittamiseen kuvan päälle (tai toisin päin).
3 VASTAUSTA:
Olen kyllä jakanut sivun div-elementteihin, mutta vaikka erottaisin headern-kuvan muusta taulukosta siitä ei ole apua. Jos taas irrotan koko header-solun niin opacity ei vaikuta täydellisesti muuhun taulukkoon.
ongelma ei ratkennut kirjoitti: Olen kyllä jakanut sivun div-elementteihin, mutta vaikka erottaisin headern-kuvan muusta taulukosta siitä ei ole apua. Jos taas irrotan koko header-solun niin opacity ei vaikuta täydellisesti muuhun taulukkoon.
Tuosta ei kyllä ota selvää mitä tarkoitat. Laitapa osoite näkyviin niin katsotaan. Siis sellaisen version URL, jossa otsake (engl. header) on ennen taulukkoa ja opacity on asetettu vain ja ainoastaan taulukolle.
Yucca kirjoitti: Tuosta ei kyllä ota selvää mitä tarkoitat. Laitapa osoite näkyviin niin katsotaan. Siis sellaisen version URL, jossa otsake (engl. header) on ennen taulukkoa ja opacity on asetettu vain ja ainoastaan taulukolle.
Ongelma ratkesi kun otin headerin pois taulukosta.
Kiitos
Kiitos
Yksi vaihtoehto on olla käyttämättä opacityä ja korvata se rgba-väriarvoilla.
Parannamme palvelua
ongelma ei ratkennut
14.1.2012 0:30
Yucca
14.1.2012 0:31
Ai miksi? No ks. vaikka paljastuksia w3schoolsin sotkuista sivustosta http://w3fools.com/