Opera 12 CSS hack

Красивый префикс вышел _:-o

А как воспроизвести проблему с font-size: 0?
http://jsfiddle.net/S829u/  — не воспроизводится, выглядит одинаково в FF и Opera.

На винде в 12 опере так же как в ФФ, на маке в 11.64 пустая строка.

Разве это что-то новое? Если ничего не путаю, еще «Opera 9» (или какая-то подобная) не давала скукожить текст меньше, чем до 6 пкс (это где-то настраивалось, но по умолчанию было так). А вебкитные пару лет назад при font-size: 0 оставляли по пикселю на месте пробела и пустой строки. Мне кажется, полагаться на font-size:0 вообще особо не стоит, тем более даже в спецификации на эту тему ( http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size ) стоит отдельный «Note 1».

Надо было производителям браузеров договориться до какого-то разумного общего решения. Например, при нулевом размере -- «кукожить», при любом выше нуля по усмотрению браузера и настроек пользователя.

Preferences » Advanced » Fonts » Minimum font size (pixels) — если выставить 0, то всё скукоживается. Если выставить число — то кукожит до этого числа, и не меньше. По мне так это логично.

Круто же!

Большое спасибо! Порылся в интернете, до сих пор решений никто не написал. Нашёл только на вашем сайта действительно работающее решение!

Подскажите, сейчас посмотрел, теперь у меня лишний отступ в 1 пиксель появляется в гугл хром, может я что-то не так сделал? В общем смысл такой что мне в опере надо слева сделать отступ в 1 пиксель, вот что я написал:

@media (min-resolution: .001dpcm) {
.pad {padding-left:1px;}
}

Исправил, в опере так же как и в предыдущем варианте, что я написал выше работает хорошо, а в гугл хром теперь лишний отступ в 1 пиксель появляется.

Решение придумал, пришлось добавить ещё и хак для хрома

@media screen and (-webkit-min-device-pixel-ratio:0) {
.pad {padding-right:1px;}
}

Да, с этим хаком на хроме отступ появился справа.

Не совсем…у меня появлялся почему-то лишний отступ слева в опере. Вчера обнаружил, что старый хак для оперы перестал работать. Нашёл ваш хак, поставил, в опере он заработал, НО при этом он оказывается влияет и на хром ещё, так как у него этот оступ стал уже лишним, поэтому пришлось отдельно ещё хак для хрома ставить.

Я потом исправил хак так как вы написали и всё равно в хроме этот отступ появляется. Кстати, хак даже работал без той части кода, который вы дописали.

В справке написано, что стоит последняя версия 21.0.1180.89. Ну с правильным хаком, что вы исправили всё равно в хроме отступ появляется.

Странно, у меня вот почему то реагирует на хром.

Спасибо, очень помогло!

Grettings from Brazil. Thanks for the tip.

Не работает с ховером..

надо прописать под оперу для меню хак не большой.

@media (min-resolution: .001dpcm) {

_:-o-prefocus, .sub-menu .menu-item a:hover { /* стиль только для Opera 12.00+ */
margin-left:1px;;
};

}

стиль с ховером не работает, без ховера все гуд. В чем может быть трабла?

I'm trying to restyle a website and the opera hack *noindex:-o-prefocus, #footer{ }* works in Opera 12 on all the pages of my website except one. Can anyone help?

A little more information about my Opera 12.00 problems. Opera will read the opera hack …
noindex:-o-prefocus, #footer{
rules: etc;
}

just fine on any other page but one. On the particular page I'm having trouble with it want's to read an unhacked .selector. I'm using Opera 12.00 to edit my html page, but when I make changes in that page or in the CSS and I try to refresh the page to see how the changes took effect. Opera then labors to to read the page. I have even created a new page and then inserted the code for the page and that doesn't help. I've inserted html code from another page and then made changes to the classes if there were any differences in the two pages that still doesn't help.

I have even downloaded a copy of an older version of Opera 10.62 and still no change.

Can anyone tell me what is happening with my Opera browser. I have never seen this before.

Thanks
Russ