neudor

log

Entries Comments



Category: HTML+CSS+JS

Баги Оперы

13 November, 2008 (05:11) | HTML+CSS+JS | By: neudor

Терпеть ненавижу вычищать тонкости отображения css браузерами. Но приходится.
Представьте себе выпадающее меню, к примеру. Имеем элемент с position:relative, а внутри него элемент c position:absolute. И для всего этого, имеем правило

li ul {
  display: none;
}
li:hover ul {
  display: block;
}

То есть в обычных условиях дочерний элемент скрыт, а при наведении на его родителя — показывается.

Предположим, что родительский элемент (с position:relative, внутри которого лежит position:absolute) имеет display:inline, то есть является строчным элементом. У меня на domag.ru именно так — там ракрывающиеся “подсказки на местах”. Так вот, сижу ковыряю вёрстку и обнаруживаю, что Опера (до версии 9.5 включительно) в такой ситуации ведёт себя просто непредсказуемо. Некоторые подсказки не показываются, некоторые залезают под соседние блочные элементы, а некоторые уплывают в другую часть экрана.

Короче бред полный. Какое там CSS3, ACID3, когда такие банальные глюки кругом? Безобразие!