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.
Ilmoita


2 VASTAUSTA:
Olen siis pistänyt headerin opacity arvoksi 1, mutta ei ole auttanut. Ideoita?
W3schools-sivustosta kyllä varsinkin aloittelijan kannattaa pysyä kaukana. Kokeneet saattavat saada meheviä nauruja.

Ai miksi? No ks. vaikka paljastuksia w3schoolsin sotkuista sivustosta http://w3fools.com/
+Lisää kommentti
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).
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
+Lisää kommentti
Yksi vaihtoehto on olla käyttämättä opacityä ja korvata se rgba-väriarvoilla.
Ilmoita

Vastaa alkuperäiseen viestiin

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.

5000 merkkiä jäljellä

Rekisteröidy, jos haluat käyttää nimimerkkiä.

Peruuta