Я не сторонник условных комментариев в CSS (можно ругать меня за это), взамен предпочитаю использовать различные CSS-хаки, дабы при верстке решить проблему кроссбраузерности по ходу написания кода, без лишний "телодвижений". Да, это неправильно с точки зрения стандартов и некрасиво, но таким способом для меня гораздо ...
Одна из интересных возможностей спецификации CSS3, которая может использоваться уже сегодня — это псевдоэлемент :selection, позволяющий изменять цвет фона выделенного текста, заданный в вашей операционной системе, на любой другой цвет по вашему усмотрению. На данный момент ...
Данный пост основан на переводе интересной англоязычной статьи «10 Fixes That Solve IE6 Problems». Информация, изложенная ниже, будет полезна как начинающим верстальщикам, там и бывалым. Зеленым цветом я пометил пункты, содержимое которых полностью ...
Что-то много в последнее время мне глаза попадается информации, касаемой браузеров и поддержки ими стандартов. И мне это обстоятельство несомненно очень даже нравится. На хабре рассказали о том, что ожидаемая к выходу в марте 2008 года первая ...
В очередной раз хочется затронуть тему CSS-хаков. Только не подумайте, что я заядлый CSS-хакер :), дело в моем стремлении все упрощать. Так вот, для себя я выделил альтернативу условным комментариям, которые так не люблю использовать при ...
Комментарии (114)
Здравствуйте! У меня проблема, в IE не работает слайд-шоу на квери. Какой хак и куда добавить, чтобы браузер автоматически отображал слайд-шоу? Спасибо.
IE капризничает с JavaScript если в коде JavaScript есть ошибка (при условии, что во всех других браузерах работает). В окне IE слева внизу проверить индикатор, или воспользоваться Консоль ошибок в FF или Opera.
Верстаю новый шаблон для своего блога. Столкнулся с проблеммой использования/отображения в Google chorome CSS правила:
Верстаю разумеется в Firefox, но основной акцент делаю на стабильном отображении в chrome. Я заметил, что у флектора на http://www.wordpressplugins.ru/ у меня в гугл хроме все стили типа
отображаются стабильно! Но если я в своём шаблоне применю это правило, то в хроме оно не работает :(Этот пост уже довольно старый или я не разбираюсь в хаках, в общем может кто знает, что нужно сделать чтобы и у меня тоже эти правила работали в google chrome???
Стили, которые вы привели, работают только в FireFox, для Хрома используйтет. е. :
border-radius,уже разобрался! :) Просто вместо приставки -moz- нужно использовать -webkit-
Получается вот так:
Теперь эффект «закруглённых концов» отображается и в мозиле и в хроме :) Это не хак, а скорее просто разновидность правил…
Не забывайте указывать
без приставки, для оперы, например
Списибо! :)
Не помешали бы хаки для нового ИЕ :)
Для нового IE? А разве это говно уже и в 10-ой версии есть? Я бы за выпуск IE уголовную ответственность ввел.
Хак для google chrome
body: not ([x|x]) #products {
width: 1000px;
margin:0px;
padding-left: 35px;
color: #fffcde;
}
Срабатывает также и в Safari, поэтому не подходит.
У Хрома и Сафари один и тот же движок как бы :)
P. S. спасибо за статью! :)
Спс огромное!
Пригодится в работе) Сохранил в закладки! ;-)
Хром, версия 6.0 и ниже. Хак может сработать на некоторых версиях Safari
@media all and (-webkit-min-device-pixel-ratio:0)
{
.class_style
{
background-color: red;
}
}
Некоторые хаки описываются ещё тут http://vova-beg.ru/tezam/detail.php?id=1
Добрый день есть проблема в 6 ie. Контент прилип к левой стороне и инпуты и резет перекосило, как эту проблему можно решить?
Постепенно Opera превращается в IE (((((((((
Что за бред?
Ну вот, вы опять меня выручили)))
Спасибо большое!
Особенно за хак для ФФ (он ведь для всех версий подходит, я верно поняла (?))!
Супер!
Спасибо, я долгое время использовала эту статью как подсказку для себя и думаю, далее буду использовать. Сейчас собрала подборку хаков для браузеров, включая IE10, Safari, Chrome, с разрешения автора могу дополнить коллекцию парой строк в комментариях.
Конечно, я только «за».
Тогда вот моя подборка:
Спасибо! Пригодится.
Юля, большое спасибо)
оперу поборол)
Этот хак тоже работает для Opera:
Добавьте его тоже к списку.
Не подходит, т.к. срабатывает и в других браузерах.
Да, согласен! Но теперь в Opera 12+ не срабатывают Хаки, которые представлены в статье. Есть что-то для Opera 12+?
Все, что знаю, указаны в статье. Может быть появились и другие, но их надо искать.
До кучи Гугл и Сафари
To target only webkit, which includes Google and Safari, encompass all the CSS that you want to use just to target Webkit in the following @media block:
@media screen and (-webkit-min-device-pixel-ratio:0) {
.myClass { background-color: #FF0000; }
#myId {color: #0000FF;}
p, a, li {text-shadow: 3px 3px 3px rgba (0, 0, 0, 0.4);
}
Скажите, пожалуйста, новичку, куда в CSS или в html нужно вставить хаки для сафари <4? У меня не отображается градиент цвета контента у знакомых. Вместо него только лишь фон body.
Здравствуйте, у меня опера и мозилла и ie не видят файла css. Тоесть стилей нет вообще на страницах, хотя в хроме все нормально работает. Что это может быть?