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.
Vastaukset 8
Vanhimmat
http://www.google.com/search?sitesearch=www.w3schools.com&as_q=opacity
siitä vaan katselemaan koodeja...
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/
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).
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.
Ongelma ratkesi kun otin headerin pois taulukosta.
Kiitos
Yksi vaihtoehto on olla käyttämättä opacityä ja korvata se rgba-väriarvoilla.