| |
|
|
| | Подскажите, пожалуйста, где ошибка.
При клике на слово "Москва" появляется всплывающий список.
В опере, FireFox все нормально. А вот в IE 6.0 всплывющее поле оказывается под списком
продам / арендую.
Т.е. некорректно отображается.
Ниже код:
********************************************************************
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML><HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<META content="MSHTML 6.00.2900.2180" name=GENERATOR>
<SCRIPT src="images/utilities.js" type=text/javascript></SCRIPT>
<SCRIPT src="images/tabs.js" type=text/javascript></SCRIPT>
<!-- <SCRIPT src="images/blocks.js" type=text/javascript></SCRIPT> -->
<SCRIPT language=javascript>
function showBlock(name)
{
var obj, obj_arr = new Array('quicknav', 'cityselect', 'authorization');
for (i=0; i<obj_arr.length; i++) {
if (obj = document.getElementById(obj_arr[i])) {
if (name == obj_arr[i]) {
if (obj.style.visibility == 'visible') {
obj.style.visibility = 'hidden';
if (obj_arr[i] == 'authorization') {
var login_obj = document.getElementById('login');
// login_obj.unfocus();
}
unclipSelect('layer1');
unclipSelect('layer2');
} else {
obj.style.display = 'block';
obj.style.visibility = 'visible';
if (obj_arr[i] == 'authorization') {
var login_obj = document.getElementById('login');
login_obj.focus();
unclipSelect('layer1');
unclipSelect('layer2');
}
if (obj_arr[i] == 'cityselect') {
clipSelect('layer1', '44');
clipSelect('layer2', '69');
}
}
} else {
obj.style.visibility = 'hidden';
}
}
}
return false;
}
function clipSelect (name, width) {
if (clipObj = document.getElementById(name)) {
clipObj.style.clip = 'rect(auto '+width+'px auto auto)';
}
}
function unclipSelect (name) {
if (clipObj = document.getElementById(name)) {
clipObj.style.clip = 'rect(auto auto auto auto)';
}
}
</script>
<style>
.popup-block {
BORDER-RIGHT: #bbc0c0 2px solid; PADDING-RIGHT: 3px; BORDER-TOP: #bbc0c0 2px solid; PADDING-LEFT: 5px; Z-INDEX: 1000; VISIBILITY: hidden; PADDING-BOTTOM: 12px; BORDER-LEFT: #bbc0c0 2px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bbc0c0 2px solid; POSITION: absolute; BACKGROUND: #fff
}
.auth-info A.login:active {
COLOR: #F5851A
}
.cityselect {
MARGIN: 20px 0px 0px; WIDTH: 160px
}
</style>
</HEAD>
<BODY bgcolor="#ffff0f">
<DIV class="cityselect popup-block" id=cityselect style="z-index:4">
<TABLE cellSpacing=0 cellPadding=0 width="100" border=1 style="z-index:4">
<TR vAlign=top>
<TD class=close align=right><A onclick='return showBlock("cityselect");' href="#1">x</A> </TD></TR>
<TR>
<TD width=200>
<UL>
<LI><A href="http://www.auto.ru/">Москва</A>
<LI style="MARGIN-BOTTOM: 18px"><A
href="http://spb.auto.ru/">Санкт-Петербург</A>
<LI><A href="http://www.ekb.auto.ru/">Екатеринбург</A>
<LI><A href="http://www.kld.auto.ru/">Калининград</A>
<LI><A href="http://www.kaluga.auto.ru/">Калугa</A>
<LI><A href="http://www.kirov.auto.ru/">Киров</A>
<LI><A href="http://www.krd.auto.ru/">Краснодар</A>
<LI><A href="http://www.www.auto.ru/">Москва</A>
</LI></UL></TD></TR>
</TABLE>
</DIV>
<nobr><B>Город:</B>
<A
onclick='return showBlock("cityselect");'
href="#1">Москва</A> <A onclick='return showBlock("cityselect");' href="#1">
<IMG src="images/icon-quicknav.gif"></A>
<div style="z-index:2">
<form>
<SELECT style="WIDTH:500px">
<OPTION value=15 selected>Продам</OPTION>
<OPTION value=15>Арендую</OPTION>
</SELECT>
</form>
</div>
</BODY></HTML>
******************************************************************** | |
| |
|
|
| |
|
|
| |
для: Jaroslav
(06.02.2008 в 17:13)
| | | Изучаем http://msdn2.microsoft.com/en-us/library/ms535167(VS.85).aspx, где находим примечание о том, что <SELECT> и z-index - "понятия несовместные" (как "гений и злодейство").
Перекрыть <SELECT> можно только другим тегом <SELECT> (написанным в коде позже) или тегом <IFRAME> | |
| |
|
|
| |
|
|
| |
для: CNTv2.0
(06.02.2008 в 17:21)
| | | А как же выкрутиться из данной ситуации? | |
| |
|
|
| |
|
|
| |
для: Jaroslav
(06.02.2008 в 17:28)
| | | Повторяю: перекрыть <SELECT> можно только другим тегом <SELECT> (написанным в коде позже) или тегом <IFRAME>
Выберите подходящее вам и реализуйте. | |
| |
|
|
| |
|
|
| |
для: CNTv2.0
(06.02.2008 в 19:13)
| | | Приведите, пожалуйста, пример. Не получается... ( | |
| |
|
|
| |
|
|
| |
для: Jaroslav
(07.02.2008 в 06:02)
| | | Что не получается?
Выбрать не получается?
Или прописать в коде не получается? | |
| |
|
|
| |
|
|
| |
для: Jaroslav
(07.02.2008 в 06:02)
| | | http://www.hedgerwow.com/360/bugs/css-select-free.html | |
| |
|
|
| |
|
|
| |
для: AlexSol
(07.02.2008 в 15:38)
| | | Спасибо. Классный сайт. Буду разбираться с примерами... | |
| |
|
|
