Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > просвечивают select через div c position: absolute

Автор: americanets 15.10.2007, 14:54

Делаю див, в нем текст и прочее,

Код


<div style="position: absolute;" id="loader"></div>

под слоем на основной странице элементы select они получаются как бы над ним, в FF нормально, а втот в IE 6 "просвечивают", можно ли это убрать?

Автор: kizune 15.10.2007, 15:22

а можно поконкретнее,не очень понятно что и где "просвечивает" и как надо

Автор: americanets 15.10.2007, 15:51

Код


<div style="position: absolute;background:#cccccc" id="loader">
<br>
sasasa
saaaaaaaaaaaaaaaaaaa
saaaaaaaaaaaaaaaaaaaaaaaaa
as
<br>
sa
saaaaaaaaaaaaaaaaaaaaaa

<br>
saaaaaaaaaaaaaaaaaaaaaa
as
<br>
sa</div> 

<select>
</select>

Автор: kizune 15.10.2007, 15:58

так подходит?

Код


<div style="position: absolute;background:#cccccc;" id="loader">
<br>
sasasa
saaaaaaaaaaaaaaaaaaa
saaaaaaaaaaaaaaaaaaaaaaaaa
as
<br>
sa
saaaaaaaaaaaaaaaaaaaaaa
<br>
saaaaaaaaaaaaaaaaaaaaaa
as
<br>
sa</div> 
<select style=" visibility:hidden;">
<option>test</option>
</select>

Автор: americanets 15.10.2007, 15:59

а на самом деле он должен быть закрыт дивом

Добавлено через 9 минут и 10 секунд

Цитата(kizune @ 15.10.2007, 15:58

)

так подходит?

не совсем, у меня несколько селектов, при нажатии на кнопку открывается див, при нажатии закрыть он закрывается, или придется все селекты закрывать на время открытия слоя а потом снова открывать, не совсем рационально

Автор: kizune 15.10.2007, 16:15

вот такое еще решение нашла,через iframe

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
</head>

<body>

<iframe scrolling="no" frameborder="0" WIDTH="100%" HEIGHT=100%" style="height:200px;width:200px;z-index: 2; position: absolute; top: 0px;  left: 0px; ">
</iframe>

<div style="height:200px;width:200px;position:absolute;top:0px;left:0px;z-index:3;background-color:red">
<br>
sasasa
saaaaaaaaaaaaaaaaaaa
saaaaaaaaaaaaaaaaaaaaaaaaa
as
<br>
sa
saaaaaaaaaaaaaaaaaaaaaa
<br>
saaaaaaaaaaaaaaaaaaaaaa
as
<br>
sa
</div>
<div style="height:200px;width:200px;position:absolute;top:0px;left:0px;z-index:1;background-color:#666666">
<select type="text">
<option selected="selected">нижний слой</option>
</select>
</div>
</body>
</html>

проблема в том,что в ie у select-та всегда z-index:0

Автор: americanets 15.10.2007, 16:41

вобщем ясно, для IE придется убираьб селекты

Автор: SamDark 15.10.2007, 18:29

americanets,
http://rmcreative.ru/news/id/1183119913/
http://rmcreative.ru/news/id/1185444438/
http://rmcreative.ru/news/id/1183734501/

Автор: americanets 15.10.2007, 19:01

все , то что надо, спасибо

Автор: SamDark 15.10.2007, 19:43

Всегда пожалуйста.