Ilmaista sitä

Oh No! Kun aikaisemmin postitse muutaman päivän ajan suhteen Opasiteetti IE8, unohdin mainita tärkeän seikan, että "IE 8 tiukka tila ei salli CSS peittävyyttä".
Niille, jotka antaja ymmärtää mitä minä tarkoitan tiukka tila, tässä on nopeaa opetusohjelma .

Työtä noin tähän (ennen IE dev joukkue tajuaa, että ne ovat tasoittaneet tietä uudelleen työrutiineja ympäri maailmaa, web-sivustot käyttämällä Pop-up valopöytien joidenkin opasiteetti ja laita takaisin tuki opasiteetti) on käyttää puolittain läpinäkyvä kuva ... mieluiten PNG-muodossa (olen ollut huonoja kokemuksia saada läpinäkyvä GIF kuvia työskennellä heidän oletettiin). Luo PNG kuvan värin ja prosenttiosuus avoimuuden haluat, on sinun suosikki kuvankäsittelyohjelmassa ja käyttää sitä taustakuvan mediakorisi päällekkäin.

eli
Sen sijaan jotain tällaista

. Lighbox_overlay {
background-color: # ffffff;
z-index: 1001;
-Moz-opacity: 0,6;
opasiteetti: 0,60;
suodatin: alpha (opasiteetti = 60);
}

Tee näin ....

. Lighbox_overlay {
background: url (bkg.png) toista;
}

Kokeilla sitä, klikkaa tästä! | LATAAMISEEN, klikkaa tästä!

Jos tarkastelet tämän sivun IE8, sinun täytyy nähdä koko läpinäkymätön valkoinen tausta takana tätä viestiä. Eilen minun työkaveri huomautti tästä minulle (Kuten olen yksi niistä ihmisistä, jotka sopeutumaan muutoksiin hitaasti ja tasaisesti ... varsinkin selaimilla. Voisi sanoa, Im pelkuri, mutta olkoon .... Koska käyttöliittymän kehittäjä, olen aina paska pelottaa selainten uusilla versioilla ... tiedätkö mitä Im tlaking siitä, eikö?)

Kaivoivat ympäriinsä samalla, yrittää löytää ratkaisun korjata ja mitä sitten ...
Tällä kertaa meidän JATKUVASTI SUOSIKKI selain on tehnyt sen uudestaan ​​jättämällä kaiken tuen CSS peittävyyttä. Epätyypilliset `filter: alpha (peittävyyden = # #)` CSS-ominaisuus on poistettu, Nizzassa, mutta myös täysin unohtanut lisätä CSS3 peittävyyden tuki (kuten kuinka kaikki muut selaimen hienosti pitänyt sitä). Niin, ensimmäistä kertaa sitten Jumala kertoi CSS peittävyyden (vuodesta IE 5.0, luulisin), Web-selain ei tue CSS peittävyyttä.
Ja nyt kerma päälle: Virallinen sana IE 8 joukkueen? Se on "suunniteltu" ja "me tämän huomioon tulevaisuudessa versio IE".

PS: Kokeile tämä sivu FF, vannon se näyttää siistiltä!

Kun luin tämän artikkelin List Apart " Faux Absolute Positioning
Eric Sol ", olin suorastaan ​​kuin hämmästellä. Olin myös masentunut aikuinen, aiheuttaa, rehellisesti ihmettelin, miksi cant olen keksiä jotain upea kuin tämä.

Yleensä, kun luomme CSS asettelujen, käytämme "POSITION" tai "KOHOJEN" tai erittäin huono yhdistelmä. Eric Sol ryhmineen määrittää vieressä täydellinen tekniikkaa uudentyyppinen CSS asettelu tekniikkaa, jossa ne ovat kastettiin nimellä "Faux absoluuttisen sijoittamisen" jälkeen faux sarakkeet tekniikka, joka simuloi läsnäolo sarake.

Te tiedätte, että ongelma meidän kaikkien CSS kehittäjien kanssa hajoamassa ulkoasuja (odottamattomia muutoksia sisällössä aiheuttavat koko sarakkeet wrap, kun käytämme uittaa taitot) ... No! Näyttää historiaa!!
Tämä asettelu tekniikka on vielä hyvin nuori, ja on roskakorissa pois kaikki ne CSS gurut siellä, ennen kuin siitä tulee un kirjalliset. Olen iloinen voidessani käyttää sitä NYT! ... Ja olen jo osaksi keskelle muutettuani aikaisemmin ongelmallinen / uiva un-välttämättä asettelujen osaksi FAP layout jo ... ja ilokseni sanoa "olemme jo käytössä Faux absoluuttinen sijoitus tämän blogipalvelun sekä" ... GO kokeilla, NYT!

Kudos Eric!