Archive para sa Hulyo, 2008

IE 8 mahigpit na mode at CSS opacity ... Magtrabaho sa Palibot

Martes, Hulyo 15, 2008 Sa pamamagitan ng Nikhil

Oh Well! Sa mas maagang post ng ilang araw tungkol sa likod ng Opacity sa IE8, Nakalimutan ko ang upang mailakip ang isang mahalagang punto na "IE 8 mahigpit na mode ay hindi pinapayagan para sa CSS opacity".
Para sa mga taong donot maunawaan kung ano ang ibig sabihin ko sa pamamagitan ng mahigpit na mode, dito ay mabilis na tutorial .

Ang isang trabaho sa paligid upang ito (Bago koponan ng dev IE mapagtanto na sila ay paved paraan para sa muling trabaho gawain sa buong mundo, para sa mga web-site gamit ang Mga Pop-up lightboxes na may ilang mga opacity, at ibalik suporta para sa opacity) ay gumamit ng semi-transparent na imahe ... mas mabuti sa PNG format (ako ay nagkaroon masamang karanasan sa pagkuha ng mga larawan transparent GIF na magtrabaho habang ang mga ito ay dapat kang). Lumikha ng isang PNG na imahe ng kulay at porsyento ng transparency gusto mo, sa iyo paboritong editor ng imahe at gamitin ito bilang larawan ng background para sa iyong lightbox overlay.

ibig sabihin
Sa halip ng isang bagay na tulad nito

.lighbox_overlay {
background-kulay: #FFFFFF;
z-index: 1001;
-moz-opacity: 0.6;
opacity: 0.60;
filter: alpha (opacity = 60);
}

Gawin ito ....

.lighbox_overlay {
background: url (bkg.png) umuulit;
}

Upang subukan ito, CLICK HERE! | SA DOWNLOAD, CLICK HERE!


get ExpressingIT News by Email Mag-subscribe sa ExpressingIT sa pamamagitan ng E-mail o Sundin Me sa Twitter


Hindi "opacity" sa IE8

Linggo, Hulyo 6, 2008 Sa pamamagitan ng Nikhil

Kung tinitingnan ang pahinang ito sa IE8, pagkatapos kailangan mong dapat makita ang isang buong opaque na puting background sa likod ng post na ito. Kahapon, itinuturo ang aking collegue ito out sa akin (Tulad ako ng isa sa mga tao na umangkop sa mga pagbabago dahan-dahan at patuloy ... lalo na mga browser. Maaaring sabihin, Im isang coward, ngunit kaya ito .... Pagiging developer ng UI, palaging ako shit natatakot ng mga bagong bersyon ng browser ... alam mo kung ano Im tlaking tungkol sa, i-right?)

Digged sa paligid para sa habang, sinusubukan upang makahanap ng solusyon upang ayusin ito at pagkatapos ay kung ano ...
Ito oras aming FAVOURITE browser LAHAT NG TIME ay tapos na itong muli sa pamamagitan ng pag-drop ang lahat ng suporta para sa CSS opacity. Ang non-standard na `filter: alpha (opacity = ##)` CSS katangian ay inalis, Nice, ngunit ganap din sila nakalimutan upang magdagdag ng CSS3 support ng opacity (tulad ng kung paano ang lahat ng iba pang mga browser ng mabuti na pinananatiling ito sa). Kaya, sa unang pagkakataon mula noong sinabi sa amin tungkol sa DIYOS CSS opacity (dahil IE 5.0, hulaan ko), hindi susuportahan ng isang web browser CSS opacity.
At ngayon para sa mga cream sa tuktok: Opisyal na salita mula sa IE 8 koponan? Ito ay "sa pamamagitan ng disenyo" at "ay isinasaalang-alang namin ito sa isang bersyon sa hinaharap ng IE".

PS: Subukan ang pahinang ito sa FF, sumusumpa mukha itong kapong baka!


get ExpressingIT News by Email Mag-subscribe sa ExpressingIT sa pamamagitan ng E-mail o Sundin Me sa Twitter


Gamit namin ang peke Ganap Positioning: A Brilliant CCS Layout

Miyerkules Hulyo 2, 2008 Sa pamamagitan ng Nikhil

Kapag Nabasa ko ang artikulong ito sa A List Apart " peke Ganap Positioning
sa pamamagitan ng Eric Sol ", ako ay walang mas mababa kaysa IMPRESSED. Ako ay nalulumbay din majorly, sanhi, totoo lang ako ay nagtataka, bakit CANT makabuo ako ng isang bagay na may kamangha-manghang bilang na ito.

Karaniwan, kapag lumikha kami ng CSS layout, ginagamit namin "POSITION" o "sa kamay", o isang napaka-masamang kumbinasyon ng pareho. Eric Sol at ang kanyang koponan tukuyin ang isang tabi ng perpektong diskarteng ng isang bagong uri ng layout CSS diskarteng ito, na sila ay christened bilang "peke Ganap Positioning" pagkatapos ng peke hanay diskarteng na simulates ang pagkakaroon ng isang haligi.

Alam mo ang problema mayroon sa aming lahat CSS nag-develop na disintegrating ng mga layout (Ang mga hindi inaasahang pagbabago sa nilalaman na maging sanhi ng buong hanay upang wrap, kapag ginagamit namin floated layout) ... Well! Mukhang Kasaysayan !!!!
Ang layout ng diskarteng ito ay pa rin napakabata, at may upang trash out sa pamamagitan ng lahat ng mga CSS gurus out doon, bago ito ay nagiging isang un nakasulat na pamantayan. Ikinagagalak kong gamitin ito NGAYON! ... At Kasama na sa gitna ng nagko-convert sa aking mga naunang mga may problemang / lumulutang un-kinakailangang mga layout sa FAP layout na ... at am natutuwa na sabihin ang "kami ay gumagamit na ng peke Ganap Positioning pati na rin para sa blog site na ito" ... PUMUNTA subukan ito, NGAYON!

Kudos Eric !!


get ExpressingIT News by Email Mag-subscribe sa ExpressingIT sa pamamagitan ng E-mail o Sundin Me sa Twitter


Mag-subscribe sa RSS ExpressingIT
get ExpressingIT News by Email Mag-subscribe sa ExpressingIT sa pamamagitan ng Email
Sundin Me sa Twitter