IE 歧视某些标签

yibey 2011-02-22 07:15:08
  <ul class="autocompleter-choices" style="z-index: 5000; visibility: ; opacity: 0;
left: 646px; top: 316px; display: ;">
<li alt="062999" lnumber="062999" wid="075b1fe0-b5ed-42f1-be39-9c8c22c95148" id="1393394e-4404-4ae2-9713-eb130153b862"
class=""><span><span class="autocompleter-queried">SAM</span> & HARRYS</span><ul>
<li>
<table>
<tbody>
<tr>
<td>
License:
</td>
<td class="licensedetailbyname">
062999
</td>
</tr>
<tr>
<td>
Address:
</td>
<td class="licensedetailbyname">
RONALD REAGAN NATIONAL AIRPORT
</td>
</tr>
<tr>
<td>
</td>
<td class="licensedetailbyname">
ARLINGTON,VA
</td>
</tr>
<tr>
<td>
</td>
<td class="licensedetailbyname">
22202,United States
</td>
</tr>
<tr>
<td>
</td>
<td class="licensedetailbyname">
</td>
</tr>
</tbody>
</table>
</li>
</ul>
</li>

</ul>

  <ul class="autocompleter-choices" style="z-index: 5000; visibility: ; opacity: 0;
left: 646px; top: 316px; display: ;">
<li alt="062999" lnumber="062999" wid="075b1fe0-b5ed-42f1-be39-9c8c22c95148" id="1393394e-4404-4ae2-9713-eb130153b862"
class=""><div><span class="autocompleter-queried">SAM</span> & HARRYS<div><ul>
<li>
<table>
<tbody>
<tr>
<td>
License:
</td>
<td class="licensedetailbyname">
062999
</td>
</tr>
<tr>
<td>
Address:
</td>
<td class="licensedetailbyname">
RONALD REAGAN NATIONAL AIRPORT
</td>
</tr>
<tr>
<td>
</td>
<td class="licensedetailbyname">
ARLINGTON,VA
</td>
</tr>
<tr>
<td>
</td>
<td class="licensedetailbyname">
22202,United States
</td>
</tr>
<tr>
<td>
</td>
<td class="licensedetailbyname">
</td>
</tr>
</tbody>
</table>
</li>
</ul>
</li>

</ul>


上面这2个代码唯一不同之处,就是‘autocompleter-queried’的标签的父层标签一个是DIV 一个是 SPAN(可以不要这个标签)结果发现配合以下的CSS文件在IE上效果不一样(这里的效果是mouseover显示出来的效果)。
请达人帮忙看看。这是为什么其他浏览器都正常。
...全文
121 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
yibey 2011-02-23
  • 打赏
  • 举报
回复
没有大侠么
yibey 2011-02-23
  • 打赏
  • 举报
回复
有大虾帮忙下啊
yibey 2011-02-22
  • 打赏
  • 举报
回复
CSS这里的CSS文件有点冗余,因为我做了很多的测试,大家帮我看看这个问题多谢了

ul.autocompleter-choices td.licensedetailbyname
{
color:#9fcfff;
}

ul.autocompleter-choices span.autocompleter-queried
{
display: inline;
float: none;
font-weight: bold;
margin: 0;
padding: 0;
}

ul.autocompleter-choices ul {
font-size: 12px;
list-style: none outside none;
margin: 0;
padding: 0;
}

ul.autocompleter-choices li
{
position: relative;
margin: -2px 0 0 0;
padding: 0.2em 1.5em 0.2em 1em;
display: block;
float: none !important;
cursor: pointer;
font-weight: normal;
white-space: nowrap;
font-size: 1em;
line-height: 1.5em;
}
ul.autocompleter-choices a {
display: block;
}


ul.autocompleter-choices li:hover {
background-color: #444;
color: #fff;
}

ul.autocompleter-choices ul li a {
color: #FFFFFF;
font-weight: normal;
padding: 0 10px 0;
}


ul.autocompleter-choices ul li a.arrow-right, ul.autocompleter-choices ul li a.arrow-right:hover {
background-image: url("../images/arrow-right.gif");
background-position: right 7px;
background-repeat: no-repeat;
}

ul.autocompleter-choices {

background-color: #FFFFFF;
border-color: #7C7C7C #C3C3C3 #DDDDDD;
border-style: solid;
border-width: 1px;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
list-style: none outside none;
z-index: 8000;
margin: 0;
padding: 0;
position: absolute;
text-align: left;
left:auto;
}
ul.autocompleter-choices ul {
background-color: #50504A;
border-color: #7C7C7C #C3C3C3 #DDDDDD;
border-style: solid;
border-width: 1px;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
list-style: none outside none;
z-index: 8000;
margin: 0;
padding: 0;
position: absolute;
text-align: left;
left: -999em;
}


ul.autocompleter-choices li:hover ul ul,ul.autocompleter-choices li.ieHover ul ul, ul.autocompleter-choices li:hover ul ul ul, ul.autocompleter-choices li.ieHover ul ul ul
{
left: -999em;
}



ul.autocompleter-choices li ul li .check {
background: none repeat scroll 0 0 #555555;
font-size: 1px;
height: 5px;
left: 6px;
line-height: 1px;
overflow: hidden;
position: absolute;
top: 8px;
width: 5px;
}

ul.autocompleter-choices li ul li a {
color: #3F3F3F;
font-weight: normal;
padding: 1px 9px 1px 25px;
width: 130px;
}

ul.autocompleter-choices li ul li a:hover {
background: none repeat scroll 0 0 #6C98D9;
color: #FFFFFF;
}

ul.autocompleter-choices li ul li a:hover .check {
background: none repeat scroll 0 0 #FFFFFF;
}

ul.autocompleter-choices li:hover ul, #desktopNavbar li.ieHover ul, #desktopNavbar li li.ieHover ul, #desktopNavbar li li li.ieHover ul, #desktopNavbar li li:hover ul, #desktopNavbar li li li:hover ul {
left: auto;
}
#desktopNavbar li:hover {
position: static;
}




















ul.autocompleter-choices1 ul {
font-size: 12px;
list-style: none outside none;
margin: 0;
padding: 0;
}

ul.autocompleter-choices1 li {
float: left;
padding-top: 2px;
}

ul.autocompleter-choices1 a {
display: block;
}

ul.autocompleter-choices1 a:hover {
background-color: #FFFFFF;
color: #098ED1;
}

ul.autocompleter-choices1 ul li a {
color: #FFFFFF;
font-weight: normal;
padding: 0 10px 0;
}


ul.autocompleter-choices1 ul li a.arrow-right, ul.autocompleter-choices1 ul li a.arrow-right:hover {
background-image: url("../images/arrow-right.gif");
background-position: right 7px;
background-repeat: no-repeat;
}

ul.autocompleter-choices1 {
background: none repeat scroll 0 0 #338DA5;
list-style: none outside none;
border: 1px solid #3F3F3F;
left: -999em;
padding: 2px;
position: absolute;
width: 164px;
z-index: 8000;
}
ul.autocompleter-choices1 ul {
background: none repeat scroll 0 0 #338DA5;
list-style: none outside none;
border: 1px solid #3F3F3F;
left: -999em;
padding: 2px;
position: absolute;
width: 164px;
z-index: 8000;
}


ul.autocompleter-choices1 li:hover ul ul,ul.autocompleter-choices1 li.ieHover ul ul, ul.autocompleter-choices1 li:hover ul ul ul, ul.autocompleter-choices1 li.ieHover ul ul ul
{
left: -999em;
}

ul.autocompleter-choices1 li ul {
margin: -22px 0 0 164px;
}

ul.autocompleter-choices1 li ul li .check {
background: none repeat scroll 0 0 #555555;
font-size: 1px;
height: 5px;
left: 6px;
line-height: 1px;
overflow: hidden;
position: absolute;
top: 8px;
width: 5px;
}

ul.autocompleter-choices1 li ul li a {
color: #3F3F3F;
font-weight: normal;
padding: 1px 9px 1px 25px;
width: 130px;
}

ul.autocompleter-choices1 li ul li a:hover {
background: none repeat scroll 0 0 #6C98D9;
color: #FFFFFF;
}

ul.autocompleter-choices1 li ul li a:hover .check {
background: none repeat scroll 0 0 #FFFFFF;
}

ul.autocompleter-choices1 li:hover ul, #desktopNavbar li.ieHover ul, #desktopNavbar li li.ieHover ul, #desktopNavbar li li li.ieHover ul, #desktopNavbar li li:hover ul, #desktopNavbar li li li:hover ul {
left: auto;
}
#desktopNavbar li:hover {
position: static;
}

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧