Как стать автором
Обновить

Комментарии 48

НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
Здорово! Лишь бы не пропало в следующих версиях браузеров…
НЛО прилетело и опубликовало эту надпись здесь
Надо бы, но мака нет. Если есть возможность проверить, буду очень признателен.
На маке в Safari 4.0.5 все тоже прекрасно работает. Спасибо за способ, возьму на заметку
Safari, FireFox и Chrome — все ок
Опера под маком — не Ok
Дайте пожалуйста скриншот, как там это выглядит?
А в последней версии?
Версия:10.10, пока не обновлял.
Спасибо, я вижу, я о другом спросил.
Забавно. Iceweasel 3.6.3, Debian — выглядит как нужно.
Только не совсем очевидно, что за ссылкой скрывается выбор города. Выглядит как ссылка в Москву :) Посмотрите как сделано, к примеру, на яндекс-маркете. И cursor:hand не забудьте
Стандарт таки pointer.
Позволю себе небольшую правочку: используйте cursor:pointer. hand не отображается в некоторых браузерах (было в Firefox).
а я всегда пишу «cursor:pointer; cursor:hand;» :)
по правде говоря, уже и не помню, какое св-во где отображается а где нет…
НЛО прилетело и опубликовало эту надпись здесь
Добавил в топик комментарий.
Мне кажется это связано с тем что в нем select-ы не накрываются даже блоками с абсолютным позиционированием, но в любом случае пользователям остается возможность выбора города :)
Данную проблему можно решить с помощью iframe, но у себя в коде я его видеть не хочу
Но Вы правы пускай лучше будет select если данный параметр важен
Как же вы так под ие6 то проверяли?
image

Впрочем, резйльтат для старичка все равно можно считать приемлимым.
Проверил под макосью 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 — всё отлично
Под IE6 сайт не планировался, там внутри очень много JS, и поддерживать и затачивать все под него ни времени ни желания нет.
P.S. Но все таки стоит пробежаться по крупным косякам :-|
P.P.S. Кстати скоро будем представлять его на хабре
done, баги отловил )
Windows XP64, IE 6.0.2900.2180 SP2
алярм1 алярм1

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

Ну это так, исключительно на заметку. В этой версии IE вообще много прекрасного, я ради него даже систему не переставляю на рабочей машине)
done, баги отловил )
Разве ие6 ещё жив? От него же даже гугл уже отказался.
*сарказм* конечно же.
Очень большой плюс этого способа как раз в том что использует стандартный select который работает везде :) *сарказм* даже в IE6
Safari, Apple iPad, работает:
Какие там селекты симпатичные )
НЛО прилетело и опубликовало эту надпись здесь
для ие6 попробуйте фильр
{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
(альфа в интервале 0—100)
Там проблема не в этом, в IE6 селекты как бы вырваны из общего контекста страницы, это можно заметить если попытаться их чем нибудь накрыть, например абсолютно позиционированным дивом.
Накрыть селект в IE6 можно только iFrame`ом. И нажимать при этом на него будет нельзя(
Фильтры не применяются к селектам по причине того, что их рисует не браузер а ОС(
а с какой стати в ие6 должно работать свойство opacity? для него нужно указывать filter:alpha(opacity=0); причем это даже может сработать, кто бы это проверил :)
Перед тем как опровергать для ІЕ6 я проверил, результат отрицательный
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>
НЛО прилетело и опубликовало эту надпись здесь
Веско. Не уверен на 100%, но по-моему размеры контролов в IE не зависят от темы. Зависят только цвета. Но надо тестить конечно.
А пока страничка не загрузилась и javascript не отработал, то виден обычный select!
CoolPreview для Firefox под Linux все отлично, но мне кажется, что часть посетителей не догадаются, что это список. интуитивно-непонятно как-то. И тут cursor hand не поможет. Там бы хоть маааленькую стрелку.
в ie9 работает и в нем есть opacity — это к слову о будущих браузерах
*сарказм* IE9 еще не вышел, а когда выйдет сомневаюсь что будет «будущим» *сарказм*
Я почему то больше боюсь оперы…
Делал так около года назад. Только ещё подкладывал под select- ы подложнку. Таким образом получались красивые списки без манипуляций с DOM. К сожалению, я тогда тоже не смог побороть проблему с ИЕ6. Надеялся, что здесь её решили, но нет, Ие6 неумолим.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации