10 Най-добър CSS хакове за постигане на различни браузъри (решения за JQuery), shublog

взаимосвързани въпроси на браузъра ще бъде дълго време, за да измъчва съзнанието на уеб разработчици, точно толкова дълго, тъй като тя ще пусне браузър, който ще се ползва от всички без изключение (т.е. - никога - Ред.). Сега най-Ган е IE6, IE7 частично, което се добавя не да обидя никого Imposer куп допълнителна работа.

Аз насочим вниманието Ви към избор на CSS хакове, който ще помогне да направят живота ви по-лесно и да разбере Дзен постигне различни браузъри.

Нулиране на настройките CSS. Всички brauzrov първоначално включени някои CSS стилове. Например, най-лошият пример за това е присъщо на повечето (ако не всички) brazuerov, който определя defoltovye марж 10px за тялото на етикет, в резултат на минали-навътре Моето съдържание препъва от ръба на браузъра, който разрушава идеята за оригиналния дизайн на формуляра. Най-ярък пример - на мястото на прословутия магазин "Интерспорт", или по-скоро неговата българския клон - все още не са наясно, че марж може да се нулира.
Аз обикновено използвам следната структура за отстраняване на нарушения на обществения ред параметри:

HTML, тяло, DIV, педя, аплет, обект, вградена рамка,
Н1, Н2, Н3, Н4, Н5, Н6, р, блоков цитат, предварително,
а, съкр, акроним, адрес, голям, цитирам, код,
дел, DFN, EM, шрифт, IMG, добавки, KBD, Q, S, SAMP,
малък, стачка, силна, под предо, TT, Var,
б, U, I, център,
дл, DT, дд, ол, ул, Li,
fieldset, форма, етикет, легенда,
маса, надпис, tbody, tfoot, врекламния, TR, ти, TD марж: 0;
подложка: 0;
граница: 0;
очертание: 0;
шрифта: 100%;
вертикално подравняване: изходното ниво;
фон: прозрачен;
>
тяло
ол, ул
блоков цитат, р
блоков цитат: преди, блоков цитат: след, Q: преди, Q: след съдържание: '';
съдържание: няма;
>
/ * Не забравяйте да се определят приоритетни стилове! * /
: фокус
/ * Не забравяйте да се подчертае вложки по някакъв начин! * /
добавки
дел
/ * Маси все още се нуждаят от "cellspacing =" 0 "" в маркиране * /
маса граничен колапс: колапс;
границите разстояние: 0;
>

Мин-Височина в IE. Internet Explorer 6 не приема напълно CSS мин височина, особено когато тя е толкова необходимо. Коригирана въпроса по следния начин:

селектор мин-височина: 300px;
височина: автоматичен; ! важно
височина: 300px;
>

$ ( "А") ATTR ( "hideFocus", "истински") CSS ( "контур", "никой") ..;

Прозрачност. Понякога е необходимо да настроите прозрачността на блоковете. Това е просто, но, уви, не валидно:

селектор филтър: алфа (непрозрачност = 75);
-Moz-непрозрачност: 0.75;
непрозрачност: 0.75;
>

PNG прозрачност в IE6. Да не забравяме за съществуването на структурата:

IMG, Разделение <
филтър: ProgID: DXImageTransform.Microsoft.AlphaImageLoader (...);
>

Но тъй като тя е невалидна, и по този начин, ако зададете PNG като фон, тя не може да бъде otpozitsionirovat и otripitit. Затова rekumenduetsya да използват IE PNG Fix (прочети тук).

Bicubic режим интерполация за мащабируем изображение. Това звучи технически и объркващо, но нищо сложно. Не забравяйте, в IE6 (и харесва в IE7 също) ако поставите изображението на страницата и да се намали размера му, той е понижен в печалбата или загубата и изглежда като Ган? Така че, има ли начин да го оправя (но, уви, е невалиден)

Превъртане в IE. По подразбиране ekslorerah (шести точно може седмият), вертикална лента за превъртане винаги се показва в браузъра, дори когато няма съдържание на страницата. Просто коригира.

Удвояването полетата в IE. Ако има поплавък: ляво и каза маргинализация, маргинализация в ishachke udavivaetsya. Лечение - езика: вградени (по-подробно чрез позоваване).

ПРЕДВАРИТЕЛНО и NOWRAP в CSS. Прочетете статията със същото име във връзката.

: Мишката псевдо клас за IE. Тъй като магаре много здраво, тя поддържа само висене маркер. Понякога това е достатъчно (защото това е възможно чрез дисплей: блок, за да включите поведение в DIV), а понякога не е достатъчно на всички. Решенията по CSS за това не е, но на JQuery. Създаване на клас от КСО (в нашия случай с името на име на класа), той ще поиска от цвят, фон, и така нататък, както и да добавите кода на желаната опция (в този случай тя е за li'shek)

$ ( "Ул Ли"). Hover (
функция () <
$ (Това) .addClass ( "име на класа ');>,
функция () <
$ (Това) .removeClass ( "име на класа ');
>
);

За днес. Ето защо, докато се срещнем отново, успешното приключване на седмицата!

Да =) защо твърд проучване CSS и аз да не се използва

не, добре, ако като spokkoynoy оформление резултат zanimaeshsya, тогава защо не, netak код твърде много, в сравнение с резултата

обвиняван CSS и може да се хвърли в отделен файл. тогава няма да прекарват твърде много очи ...
и в оформлението на други сайтове, можете просто да го копирате и качване)

Е, да, обикновено го от друг и подгъва =)

Кажете ми, моля, защо да не го направите:

Защо се изброят всички маркери? Обяснете моля

защото не всички и изобщо не е необходимо. маргинализация и pading outlayn - възможно ли е изобщо, но с останалите да го направят - е пълна глупост.

Ако по някаква таг не предвижда всяко имущество, браузърът просто ще ги игнорира. И за да създадете каталог на всички маркери и отменя куп имот е твърде много за тях.

Например, ако аз направя това:
*
тогава IMG таг, този имот ще бъде игнорирана от браузъра.

Хм, тогава защо не. но в никакъв случай не е за границата няма да работи, тъй като почти винаги е формени елементи. Разбира се, ако вашият проект и всичко е направено без въпрос, а след това на правилата, но ако това е нещо, което след това се преминава от ръка - тогава няма да се знае кой и как да използвате своето развитие.

Знакът * означава всички маркери. Така че аз винаги съм се чудил дали етикети, "всички", или имате някакви грешки в различните браузъри (например някакъв етикет, не отговори *)?

Казаха ми, че в по-старите версии на FF не разбра какво * (но аз се интересувам от само най-новите версии на браузърите и искат да наложат на различни браузъри само в рамките на новата версия)

Например, за да направите един бутон бутонът не е натиснат в браузъра Opera и не работи

Но отчасти съм решен този проблем, както следва:

Вярно е, за да кликнете върху бутона трябва да бъде не повече от 1 път в секунда. Ако натиснете няколко пъти в секунда, това е всичко, същото се случва и отстъп)))

Александър, съжалявам, моля за Offtopic. Но може би знаете как можете да направите връзка, вместо бутона за изпращане на формулярите? Да не се използва вход или бутон (винаги съм ядосан на тези елементи, тъй като е невъзможно да се направи добра крос-браузър)

Има нещо като $ ( "бутон") представя () .; но все още не съм имал време да прочетете документацията.

По дяволите всички HTML тагове бяха отрязани

Знам, че има проблем в * стари магарета, но аз някак си не е много притеснен. основното нещо, което е било адекватно в новата, но тя не е това, което никога не се знае изненади очакват

натискане на - о, да, тема besyachaya на.

и можете да се опитате да изпратите стандарт zhabaskriptom
за да изпратите

ако след zhkyuri, е необходимо да се определят референтния ideshnik и, на теория, да се регистрират приблизително така:

но за изпълнение не може да отговори, е необходимо да се тества

Благодаря ви много за вашите отговори. Аз ще се опитам

nezachto! Ако това - пише =)

$ ( "А") ATTR ( "hideFocus", "истински") CSS ( "контур", "никой") ..;
Вече работи като всеки от тях.

Между другото, да. Благодаря ви много за практическо koment, коригирана

ако не помогне, тъй като имам много прост и банален начин да
ако на фона монохромен. Ето: