Archive para sa Hulyo, 2008

IE 8 mahigpit na mode at CSS opacity ... Magtrabaho Paikot

Martes, Hulyo 15, 2008 Sa pamamagitan ng Nikhil

Oh Well! Sa mas maagang post ng ilang araw bumalik patungkol sa Opacity sa IE8, Nakalimutan ko ang sa banggitin ang isang mahalagang punto na "IE 8 mahigpit na mode ay hindi pumapayag 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 dev IE mapagtanto na sila ay aspaltado na 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 ang paggamit ng isang semi-transparent na imahe ... mas mabuti sa PNG format (ako ay nagkaroon masamang karanasan sa pagkuha ng mga larawan transparent GIF upang gumana tulad ng sila 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 isang imahe sa 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 ikaw 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 (Habang ako ay isa sa mga taong iyon na nag-iangkop sa mga pagbabago ng dahan-dahan at patuloy ... lalo na mga browser. Maaaring sabihin, Im isang bahag ang buntot, ngunit kaya ito .... Ang pagiging developer ng UI, palaging ako tae natakot 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 ang ...
Oras na ito ay tapos na ang lahat ng ito sa aming FAVOURITE browser LAHAT NG TIME 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 lubos din sila nakalimutan upang magdagdag ng opacity CSS3 suporta (tulad ng kung paano mahusay na pinananatiling dito sa lahat ng iba pang mga browser). Kaya, sa unang pagkakataon mula noong sinabi sa DIYOS amin ang tungkol sa CSS opacity (dahil IE 5.0, hulaan ko), ay hindi sumusuporta sa 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 itinuturing namin ito sa isang bersyon sa hinaharap ng IE".

PS: Subukan ang pahinang ito sa FF, Sumusumpa mukha itong malinis at maayos!


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


Gamit Kami ay peke Ganap Positioning: A Brilliant CCS Layout

Miyerkules Hulyo 2, 2008 Sa pamamagitan ng Nikhil

Kapag Nabasa ko ang artikulong ito sa Listahan A 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 nakahilig makabuo ko ang isang bagay na hindi kapani-paniwala 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 pamamaraan ng isang bagong uri ng CSS layout ng diskarteng ito, na sila ay christened bilang "peke Ganap Positioning" matapos ang peke hanay diskarteng na simulates ang pagkakaroon ng isang haligi.

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

Paggalang Eric!!


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


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