2008 Оцт 10 2008

НЕ За само ИЕ - ЦСС деце Селектори не раде у ИЕ

ЦСС за не-ИЕ бровсера: Његова Нема вести за ЦСС девелопера који, ЦСС деце Селектори попут следећем примеру, изгледа да не ради у ИЕ.

нпр. див> п {неки цс}, која значи "када див елемент је дете (а не унуче или велико дете велика итд) о подели елемента".

Али смо овом контексту у нашу корист. Историјски гледано, дете селектор је коришћен да сакрије ЦСС команде из ИЕ. Једноставно постављањем html>body испред било ког командног ЦСС ИЕ ће га игнорисати:

html>body .foo { CSS commands go here ;}

То функционише зато <body> је увек дете <html> - може, наравно, никада не буде унуче или праунуче од <html> .

Сада када је ИЕ 7 разуме дете бирач, морате да уметнете празан таг коментар у непосредно након знака веће од ИЕ 7 ће тада неће разумети ову селектор (ко зна зашто?!) И стога ће потпуно игнорисати ову ЦСС команду.:

html> /**/ body .foo { CSS commands go here ;}

Ако већ нису видели ово раније, имају прочитате следеће као

но цомментс | тагс: и и и | постед ин Бровсер Куиркс и ЦСС

2008 Сеп 4 2008

Нестају ХТМЛ / ДИВ елемента у Интернет Екплорер [ие]

Као и обично, један од многих чудних неких проблема са ИЕ и то мора спада у топ 10 за ИЕ Куиркс.

ИЗЈАВА ПРОБЛЕМА (Ово је био мој проблем, можда имате сличне мисбехавиорс):
Имам много ДИВ је у страници са класе "сецтионхеад", која је ништа друго него наслов одељка на страни. Тако сам неки стил изгледа овако

Сецтионхеад {фонт-сизе: 18пк; бацкгроунд: # цфцфцф; бордер: 5пк;}.

Спан је светло сива трака са неким црним текстом. Шта се дешава у ИЕ је неке од ових секција заглавља су ОК приказује, али неки су невидљиви, ДО, крећете страницу или кликните нешто на страници итд Негде они имају тенденцију да нестану када кликнете на 'алт' тастер када страна доле или идите са траке за померање. Они понекад изгледа да се поново појаве када поново учитате (Ф5) страну. Ја кратко савршено једноставан ДИВ са неким једноставним стилом понаша ЛОШЕ.
Шта је могло изазвати такву нередовног понашање? Добро! Искрено, појма!!

МОГУЋЕ РЕШЕЊЕ:
Опет не питајте ме зашто, али у многим случајевима овај проблем има тенденцију да нестану када додате Позиција: у односу на МИС понашају елементи стила, овако

Сецтионхеад {фонт-сизе: 18пк; бацкгроунд: # цфцфцф; бордер: 5пк; позиција: однос}.

Чудно, али шта да кажем? Бог Благослови ме од ИЕ!

И делим СА НАМА, Ако сте имали сличне проблеме.

но цомментс | тагс: и и и | постед ин Бровсер Куиркс и ЦСС и ХТМЛ

2008 Јун 15 2008

ИЕ 8 строг режим и ЦСС непрозирност ... решили

Па ох! У ранијем пост неколико дана назад у вези провидност у ИЕ8, заборавио сам да поменем важну тачку да "ИЕ 8 строг режим не дозвољава за ЦСС непрозирности".
За оне који донот разумеју шта мислим по строгом режиму, овде је брз туторијал .

Рад око тога (Пре ИЕ Дев Теам схватају да имају утрла пут за поновни рад рутине широм света, за веб-сајтове који користе искачуће фасцикле са неким непрозирности, и ставити назад подршку за Опацити) је да се користи полу транспарентна слика ... по могућству у ПНГ формату (имао сам лоше искуство са уласком транспарентни ГИФ слике да раде јер је требало да). Креирајте ПНГ слику боје и процентом транспарентности вам се допада, у вама омиљени едитор слика и користе га као позадина за ваш лигхтбок преклапање.

односно
Уместо овако нешто

Лигхбок_оверлаи. {
бацкгроунд-цолор: # фффффф;
З-индек: 1001;
-Моз-опацити: 0.6;
непрозирност: .60;
филтер: Алпха (непрозирност = 60);
}

Да ли ово ....

Лигхбок_оверлаи. {
бацкгроунд: урл (бкг.пнг) репеат;
}

Да бисте испробали, кликните овде! | ДА преузмете, кликните овде!

но цомментс | тагс: и и и | постед ин Бровсер Куиркс , ЦСС

2008 Јун 6 2008

Без "Опацити" у ИЕ8

Ако сте погледали ову страну у ИЕ8, онда мора да се види пуно непрозирно белу позадину иза овај пост. Јуче, мој колега је указао ово за мене (као што сам ја један од оних људи који се прилагоде променама полако и постепено ... посебно претраживачима. Могло би се рећи, Им кукавица, али тако да буде .... Бити УИ програмер, ја сам увек срање плаши нове верзије прегледача ... знате шта Им тлакинг о, зар не?)

Ископа око за неко време, покушавајући да нађу решење да га поправи и шта онда ...
Овога пута наш СВЕ ВРЕМЕ ОМИЉЕНИ прегледач је урадио све изнова од пада сву подршку за ЦСС непрозирности. Нестандардни `филтера: Алпха (непрозирност = # #)` ЦСС атрибут је уклоњена, Ница, али су такође потпуно заборавили да додате ЦСС3 подршку непрозирности (као што је како сви други прегледач је лепо су га држали у). Дакле, по први пут од нас је Бог рекао о провидности ЦСС (од ИЕ 5.0, претпостављам), веб прегледач не подржава ЦСС провидност.
А сад за креме на врху: Званична реч са ИЕ 8 тима? То је "дизајн" и "ми ћемо размотрити ово у будуће верзије ИЕ".

ПС: Пробајте ову страну у ФФ, она изгледа уредно кунем!

но цомментс | тагс: и и | постед ин Бровсер Куиркс , ЦСС

2008 Мар 20 2008

Бела буба простор у ресорним / Списак предмета (Ли) у ИЕ6

Ако сте икада направили (или што један) вертикални мени помоћу ставки листе (ЛИ) ознаке и ЦСС, можда ћете наићи, то још једна грешка у Интернет Екплореру, где ИЕ 6 умеће ове празнине између ставки листе које садрже блок на нивоу елемената, односно ако постоји размак између ставки листе у ознакама. Хвала, али не хвала, ИЕ верзија 7 изгледа без овог буг.
Ако попут мене, и још много тога, ви припадате овом бенду од фрустрираних програмере, који тек треба да добије своје нове распореде, радећи у ИЕ6 превише, онда би то могло показати корисним. Погледајте ...

Пример назнаке:

<ул ид="мену">
<ли> <а хреф="#"> Почетна </ а> </ п>
<ли> <а хреф="#"> О </ а> </ п>
<ли> <а хреф="#"> Услуге </ а> </ п>
<ли> <а хреф="#"> портфолио </ а> </ п>
<ли> Питања <а хреф="#"> </ а> </ п>
<ли> <а хреф="#"> Контакт </ а> </ п>
</ Ул>

Можда створе неку ЦСС, као један испод, да трансфром горе назнаке у вертикалном менију ....

Узорак ЦСС ...
# Мени {
маргин: 0; паддинг: 0; бацкгроунд: # ФФ9900;
лист-стиле-типе: ноне; ширина: 150пк;
}
# Мени ли {маргин: 0; паддинг: 0;}
# Мени {дисплаи: блоцк;
цолор: # 555555;
тект-алигн: лефт;
паддинг: 15пк 0;
лине-хеигхт: 2.5; бордер-боттом: 1пк солид # ФФФ;
}

Резултати ћете видети ...
нулл

Решење за овај буг ... (пут / аддед ЦСС масним курзивом)

# Мени {
маргин: 0; паддинг: 0; бацкгроунд: # ФФ9900; лист-стиле-типе: ноне; ширина: 150пк;
флоат: лефт; / * ово садржи флоатед ставки листе * /
}
# Мени ли {
маргин: 0; паддинг: 0;
флоат: лефт; / * Ово грешке * /
Ширина: 100%; / * размак грешка у ИЕ6 * /
}
# Мени {
дисплаи: блоцк; цолор: # 555555;
тект-алигн: лефт;
паддинг: 15пк 0;
лине-хеигхт: 2.5; бордер-боттом: 1пк солид # ФФФ;
}

Ако горе решење доеснот изгледа да раде (из разлога познатих само ИЕ6) ... пробајте овај метод уместо

Само додајте ове стилове додатне ИЕ6 само то иоур ознакама ...

<- [Иф лт ИЕ 7>
<стиле типе="тект/цсс">
# Мени ли {дисплаи: инлине-блоцк;}
# Мени ли {дисплаи: блоцк;}
</ Див>
<[Ендиф] ->

но цомментс | тагс: и и и и и | постед ин Бровсер Куиркс , ЦСС

2008 Мар 12 2008

Цросс-бровсер ЦСС минимална висина Пијук

Пост ИЕ 6, Виндовс НТ је био љубазан да нам УИ девелопер додавањем још неколико ЦСС својства стандардне за већину осталих стандардних претраживача. Један такав користан имовина у "мин-висине". Прилично равно напред имовина која не захтева дуго даха објашњење. Када мин-хеигхт за поделу подешено, он увек задржава тог скупа висину када садржаја куће заузима мање него што може да држи и важније (за разлику од обичног ваниле "хеигхт" имовине) скала или у ЦСС речима, она се понаша као Подела чије "хеигхт" је постављен на "ауто" ...

За неке од нас сиромашних програмера, који још увек се тражи да код ЦСС који такође морају да раде у ИЕ6, не-доступност "мин-хеигхт", могли да докажу негде запушачем схов ... Донот очај.

Срећом, имамо довољно куиркс у ИЕ, да бисмо користе за излаз предност и пијук кроз наш начин да се постигне наш циљ ... ​​тј направити поделу СЕКТОРА као да је његова висина мин у ИЕ6

Решење 1: Користећи доњу Хацк [ ... реад море ]

.box1 {
min-height: 200px;
height:auto;
_height:200px;
}

ХТМЛ је: -
<div class="box1">Some dynamic content with variable height ...</div>

Решење 2: Коришћење ЦСС својстава Селектор Хацк

.box2 {
min-height:200px;
height:200px;
}
div[class] .box2 {
height:auto;
}

ХТМЛ је: -
<div class="someclass">
<div class="box2 common">Some dynamic content with variable height ...</div>
</div>

ЦСС Пијук Селектор Атрибут узима предност од чињенице да прегледачи раније Тха ИЕ6 игнорисала атрибуте-селектора. Обратите пажњу на услов другу посуду подели са цласс = "сомецласс". Само пресенсе у цласс атрибут за ове поделе, замењује висину назад у ауто за Опера, Мозилла и МСИЕ7 и касније. ИЕ6, који не подржава селекторе атрибуте, да га игнорише.

Погледајте демонстрацију на мин-хеигхт хацк за ИЕ6

но цомментс | тагс: и и и и и | постед ин ЦСС

2008 Феб 15 2008

Изаберите иритирајуће Кутије видљив кроз Искакање дивизија

У неколико наврата, док радите изгледа страница са попуп поделама односно фасцикле односно трикови и сл наилазимо ситуацијама када неки облик Изабери објекте деси да буде под овим Искакање одјељења, од дизајна и показује кроз .... Иук!

Добро! можете лако могу да реше ово прилагођавање ваше З-индекс вредности на одговарајући начин за ФФ и Интернет Екплореру 7. Али Добра Стара (досјетка намењен) ИЕ6 не понаша како треба .... Изаберите поље кроз шоу, чак и након примене неке драстично високе З-вредности индекса на ваш попуп дивизија ... Штета!

Ту постоје закрпе за овај проблем, али постоје, верујем, више од неколико путу до посла-око овог проблема, али Им овде да вам кажем најједноставније решење које ја користим, који ради добро за мене, у већини случајева ....

"Сакријте Роуге Изаберите поље Када прикажете ПОПУП"

Једноставно у вашем скрипт исечку где можете показати ваше Искакање, додати комад скрипта да подесите видљивост Изаберите поље за "Скривено"

доцумент.гетЕлементБиИд ('ми_селецт') стиле.висибилти = "скривени",.

И не заборавите да га врати на крају свог Попуп дивизије

доцумент.гетЕлементБиИд ('ми_селецт') стиле.висибилти = "видљива".;

где је "ми_селецт" је ИД иритација Изаберите поље

Надам се ово помаже ...

ОШ. Постоје наравно и друге опције као што су динамички поситионининг ан ИФРАМЕ (исте величине као ти попуп) из падајућег ДИВ ... Ово ради добро превише, али са додатком оптерећења Дома елемената, писама и главобољу. Ја сам користио превише ово решење, а ако радите је потребна помоћ са овом опцијом, не дозволите ми да знам. Биће нам драго да Вам помогнемо!

Но цомментс | тагс: и и и и | постед ин Бровсер Куиркс и ЦСС и ХТМЛ , ЈавасСцрипт

2008 Оцт 8 2008

Условне Цомментс: Фор иоур ИЕН-Само део Дуек

Неколико месеци раније смо видели, како бисмо могли да укључимо комад ЦСС која би била видљива само за ИЕ6 ( За вашу ИЕН Онли ). Постоје и други начини да се то постигне, као добро. Једноставно укључује посебан ЦСС, специфичан за вашу циљну ИЕ. Ово се може постићи са оним што се зове као условне коментара.

Условне коментара је начин да се открије тип прегледача и верзију. Претраживач детекција се врши како би се обезбедило да садржај представљен бровсер специфичне. Претраживач откривање се може урадити користећи многе различите технике. Овај метод има неколико предности у односу на раније методе, које су укључене у стилу пребацивање користећи ЈаваСцрипт. Да бисте листу важан мало, би;

  • Скрипти није потребно
  • Цросс-бровсер

Како ми то радимо?

Урадите нешто у ИЕ 5 само
<!--[if IE 5]> Welcome to Internet Explorer 5. <![endif]-->

Урадите нешто у свим верзијама ИЕ
<!--[if IE]>
<link href="css/ie.css" rel="Stylesheet" type="text/css" />
<![endif]-->

Урадите нешто у свим верзијама ИЕ новијих да ИЕ 5
<!--[if gte IE 5]>
<script type="text/javascript"><!--
alert("Congratulations! You are running Internet Explorer 5 or greater.");<br />
// --></script>
<![endif]-->

За више условних вартиатионс, прочитајте ове информације на МСДН:
О Условно Коментар

но цомментс | тагс: и и и | Постед ин Бровсер Куиркс и ЦСС и ХТМЛ , ЈавасСцрипт

2007 Оцт 8 2007

За Вашу ИЕН Онли

Ако сте писање ЦСС за неко време, можете имати искуство у оним тренуцима када сте буквално извуците своју косу када су ваши распореди ЦСС изгледао добро у свим новим бровсерима (мислим прегледаче најкасније до ИЕ6), али ИЕ 6 баца тантрум. Ви се боре тешко да се прилагоди свој ЦСС, али то не ради ... Па! Пробајте ове хакерисање ...

1. Ундерсцоре Хацк: -
По дефиницији, ЦСС 2.1 спецификација дозвољава подвлаку ("_") у ЦСС идентификатора. Али многи прегледачи и даље изгледа да игноришу било идентификује наставио са ундерсцоре, али ИЕ. Овај ИЕ буг / карактеристика тако постаје врло јасан начин да поставите ЦСС својства за ИЕН само. Зато запамтите, ЦСС имовину писани са ундерсцоре на старту је видљив за Интернет Екплорер (све верзије, али ИЕ 7)

#box {
min-height: 300px;
height: auto;
_height: 300px; /* all IE versions less than version 7 */
...
}

Погледај демонстрација овај ундерсцоре хацк

Такође, мин-хеигхт хацк за ИЕ6 користи ундерсцоре хацк, цхецк оут

2. Хасх (#) Пијук: -
Као ундерсцоре хацк, овај један је превише је за ИЕС Оли, са добром разликом, имовинска идентификатори префикс # на почетку је видљив за све верзије ИЕ, ИЕ 7 и укључена је невидљив за било ког другог стандардног бровсер.

.obj_container {
display: table-cell;
vertical-align: middle;
#position: absolute; /* For IE only */
#top: 50%; /* For IE only */
#left:50%; /* For IE only */
}

Овај хацк је лепо користи да демонстрира цросс-бровсер усклади вертикална решења, погледајте у овом чланку да бисте сазнали више наше

3. ЦСС за ИЕ6 само: -
#my_bad_behaving_div {
/*something for all browsers*/
}
/* Lets use the * html hack so only IE6 reads the rule */
* html #my_bad_behaving_div{
/*something for IE6 only*/
}

Ови Хацкс изгледа небо послати, када ништа друго не ради ... Ако било који од ових Хацкс једног дана спашава свој живот, не заборавите да ме третирају на кафу :)

но цомментс | тагс: и и и | Постед ин Бровсер Куиркс и ЦСС и ЈавасСцрипт

2007 Јун 12 2007

Моусеовер догађај у транспарентној подели у ИЕ

Имао сам овај проблем, где, ако сте имали моусеовер догађај на поделу (ДИВ), и те поделе, из неког доброг разлога морао да буде транспарентан (као у мом случају, где је потребно да прикаже неке ознаке преко слике на моусеовер на Ова транспарентна подела), односно није покренула тај догађај моусеовер (Радио казну у Фирефок).

Пробали ... неколико опција од којих је само очајнички покушај да се овај догађај да пуцају у ИЕ. Један од оних разумних и да мислим да могу да радим је да подесите боју позадине да поделе и подесите провидност на нулу ... Па! наметале рад!

Коначно решење које се чинило да раде и да не ометају функционалност потребну сам био да се стави један пиксел је поновио / транспарентна позадина слика у тој подели

Силли ...! али сада ИЕ изгледа срећан.

но цомментс | тагс: и и и | постед ин Бровсер Куиркс

НДК Почетна | Изражавајући ИТ | Изражавајући Палате | Изражавајући Пенменсхип | Изражавајући страхопоштовање | Изражавајући Ја