css opacity и select-ы

[levide]

Здорово! Лишь бы не пропало в следующих версиях браузеров…

[Chizh]

Надо бы, но мака нет. Если есть возможность проверить, буду очень признателен.

[PVOID]

На маке в Safari 4.0.5 все тоже прекрасно работает. Спасибо за способ, возьму на заметку

[TerrorDroid]

Safari, FireFox и Chrome — все ок

[voooz]

Опера под маком — не Ok

[Chizh]

Дайте пожалуйста скриншот, как там это выглядит?

[voooz]

www.kalugin.info/temp/opera.png

[homm]

А в последней версии?

[voooz]

Версия:10.10, пока не обновлял.

[homm]

Спасибо, я вижу, я о другом спросил.

[adminimus]

Забавно. Iceweasel 3.6.3, Debian — выглядит как нужно.
Только не совсем очевидно, что за ссылкой скрывается выбор города. Выглядит как ссылка в Москву :) Посмотрите как сделано, к примеру, на яндекс-маркете. И cursor:hand не забудьте

[HeavenlyDrug]

Стандарт таки pointer.

[odiszapc]

Позволю себе небольшую правочку: используйте cursor:pointer. hand не отображается в некоторых браузерах (было в Firefox).

[AzriMan]

а я всегда пишу «cursor:pointer; cursor:hand;» :)
по правде говоря, уже и не помню, какое св-во где отображается а где нет…

[norfild]

Возможно прозвучит банально но в IE6 не работает
Данное решение уже были использовано при стилизации элементов формы и все таже проблема

[Chizh]

Добавил в топик комментарий.
Мне кажется это связано с тем что в нем select-ы не накрываются даже блоками с абсолютным позиционированием, но в любом случае пользователям остается возможность выбора города :)

[norfild]

Данную проблему можно решить с помощью iframe, но у себя в коде я его видеть не хочу
Но Вы правы пускай лучше будет select если данный параметр важен

[Nesp]

Breaking news!

[homm]

Как же вы так под ие6 то проверяли?


Впрочем, резйльтат для старичка все равно можно считать приемлимым.

[set]

Проверил под макосью 10.5.8 в сафари 4.0.5, фаерфоксе 3.6.3, опера 10.10 — порядок
под ХР ие7 — порядок, ие6 — совсем не порядок, при чём не только эта фишка, но и сайт вообще:



под вин7 в ие8, фаерфокс 3.6.3, опера 10.5.3, хром 5.0.375.55 — всё отлично

[Chizh]

Под IE6 сайт не планировался, там внутри очень много JS, и поддерживать и затачивать все под него ни времени ни желания нет.
P.S. Но все таки стоит пробежаться по крупным косякам :-|
P.P.S. Кстати скоро будем представлять его на хабре

[Chizh]

done, баги отловил )

[Dlussky]

Windows XP64, IE 6.0.2900.2180 SP2


Error on page
Line: 47
Char: 514
Error: Could not set the selected property. Unspecified error.
Code: 0

Ну это так, исключительно на заметку. В этой версии IE вообще много прекрасного, я ради него даже систему не переставляю на рабочей машине)

[Chizh]

done, баги отловил )

[Viglim]

Разве ие6 ещё жив? От него же даже гугл уже отказался.

[Viglim]

*сарказм* конечно же.

[Chizh]

Очень большой плюс этого способа как раз в том что использует стандартный select который работает везде :) *сарказм* даже в IE6

[TerrorDroid]

Safari, Apple iPad, работает:

[Chizh]

Какие там селекты симпатичные )

[Terion]

для ие6 попробуйте фильр
{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
(альфа в интервале 0—100)

[Chizh]

Там проблема не в этом, в IE6 селекты как бы вырваны из общего контекста страницы, это можно заметить если попытаться их чем нибудь накрыть, например абсолютно позиционированным дивом.

[Dlussky]

Накрыть селект в IE6 можно только iFrame`ом. И нажимать при этом на него будет нельзя(

[Dlussky]

Фильтры не применяются к селектам по причине того, что их рисует не браузер а ОС(

[not_ice]

а с какой стати в ие6 должно работать свойство opacity? для него нужно указывать filter:alpha(opacity=0); причем это даже может сработать, кто бы это проверил :)

[norfild]

Перед тем как опровергать для ІЕ6 я проверил, результат отрицательный

[Dlussky]

BTW, слегка более симпатишное решение для IE6

<select size=1 style="position:absolute; width:100px; clip:rect(2px 82px 20px 2px); color:blue; top:10px;">
<option value=1>One</option>
<option value=2>Two</option>
<option value=3>Three</option>
</select>

[Dlussky]

Веско. Не уверен на 100%, но по-моему размеры контролов в IE не зависят от темы. Зависят только цвета. Но надо тестить конечно.

[stas_agarkov]

А пока страничка не загрузилась и javascript не отработал, то виден обычный select!

[NastyIII]

CoolPreview для Firefox под Linux все отлично, но мне кажется, что часть посетителей не догадаются, что это список. интуитивно-непонятно как-то. И тут cursor hand не поможет. Там бы хоть маааленькую стрелку.

[XaocCPS]

в ie9 работает и в нем есть opacity — это к слову о будущих браузерах

[Chizh]

*сарказм* IE9 еще не вышел, а когда выйдет сомневаюсь что будет «будущим» *сарказм*
Я почему то больше боюсь оперы…

[Veterinar]

Делал так около года назад. Только ещё подкладывал под select- ы подложнку. Таким образом получались красивые списки без манипуляций с DOM. К сожалению, я тогда тоже не смог побороть проблему с ИЕ6. Надеялся, что здесь её решили, но нет, Ие6 неумолим.