„Lightbox“ fono problemos IE

Šviesos dėžutės pasirodo ekrano centre su pusiau permatomu fonu, kad būtų sukurtas išblukęs fono efektas. Nors skirtingų tipų šviesoforai naudoja įvairius kodavimo būdus, jie naudoja kaskadinius stiliaus lapus, kad sukurtų šviesos dėžutės efekto vizualinį aspektą. Tačiau „Internet Explorer“ nepripažįsta CSS.

„Lightbox“ sukuria

Dauguma šviesoforų naudoja tam tikrą „Javascript“ formą šviesos dėžutės efektui. Pavyzdžiui, „Thickbox“ labai priklauso nuo „Javascript“ naudojant „jQuery“. Atvirkščiai, svetainėje „Think Vitamin“ yra „Lightbox“, sukurtas naudojant tik CSS ir XHTML. „Alexander Dawson“ „Semantic CSS3“ švieslentė taip pat yra suderinama su IE. Dawson pridėjo kodą „Javascript“, kad aptiktų bet kurią IE versiją anksčiau nei „IE 9“; kai aptinkama IE versija, vietoj CSS, paprastai naudojamo skaidriam fonui, naudojamas skaidrus PNG vaizdas. Jūs taip pat galite pabandyti „ColorBox“ iš „Jack Moore“, kuris taip pat veikia IE 6–9.

Fono nepermatomumas šviesos dėžutėse ir IE

Internet Explorer 8 ir ankstesnės versijos neatitinka dabartinių CSS standartų, kaip ir paskelbimo. Neatitikimas sukelia problemą šviesoforams, ypač šviesos dėžės fonams, nes CSS sukuria neskaidrumą tokiu būdu, kuris rodomas visose kitose moderniose interneto naršyklėse. Prieš „CSS3“ žiniatinklio dizaineriai sukūrė elementą pusiau skaidrią, naudodami „neskaidrumo“ atributo žymą ar klasę stiliaus lape, kaip:

.background {fonas: # 000000; aukštis: 100% pločio: 100%; neskaidrumas: 0, 5;}

Pirmiau pateikiamas juodas fonas, kuris yra 50 proc. Skaidrus ir užpildo puslapį.

Neskaidrumo keitimas darbui su IE

Laimei, viskas nėra prarasta, kai reikia nustatyti „Lightbox“ fono elemento skaidrumą „Internet Explorer“. Nors „nepermatomumo“ atributas neveikia, „filtras“. Bet kuriame elemente, kuris naudoja „neskaidrumą“, pridėkite filtro atributą, kad šis elementas būtų „Internet Explorer“ pusiau skaidrus taip:

.background {fonas: # 000000; aukštis: 100% pločio: 100%; neskaidrumas: 0, 5; filtras: alfa (neskaidrumas = 50);}

Šis pataisymas veikia su „Internet Explorer 6“ ir naujesnėmis versijomis ir nesukelia jokių kitų problemų naršyklėse.

CSS3

Kadangi „CSS3“ tampa vis plačiau palaikoma, daugiau šviesoforų naudoja pažangias dizaino savybes. CSS3 leidžia jums nustatyti vieną spalvą elemente kaip skaidrią, apibrėžiant spalvą RGB reikšmėmis ir pridėtą „alfa“ nustatymą, kur neskaidrumas yra apibrėžtas tarp 0 ir 1. Pavyzdžiui, mėlynas fonas, kuris yra 50 proc. kaip šitas:

fonas: rgba (0, 0255, 0, 5);

„Internet Explorer 8“ ir ankstesnės versijos nepalaiko šios funkcijos, todėl bet koks šviesios dėžės fonas, kuris naudoja šią funkciją, yra visiškai skaidrus.