1. 爱易网页
  2. HTML教程
  3. hover有关问题.

hover有关问题.

日期：2014-05-17　 浏览次数：20496 次

hover问题....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<style>

.hoverBox{position:relative;}
.hoverBox .hoverBox1{position:absolute; z-index:1; top:15px; left:0px; width:180px; display:none; background-color:#000}
.hoverBox:hover .hoverBox1{ display:block;}

</style>
<body>
<div>
  <a href="#" class="hoverBox"><span>鼠标悬浮</span>
  <div class="hoverBox1">
  <span>显示</span>
  </div>
  </a>
  <a href="javascript:void(0);"><span>呵呵呵</span></a>
</div>
<div>
  <a href="#" class="hoverBox"><span>鼠标悬浮</span>
  <div class="hoverBox1">
  <span>显示</span>
  </div>
  </a>
  <a href="javascript:void(0);"><span>呵呵呵</span></a>
</div>


</body>
</html>


...要实现这个效果 在IE8以上 火狐 谷歌浏览器都没问题 但是遨游之类的 hoverBox1 盖不住 hoverBox....求高手帮解决下问题....

------解决方案--------------------
傲游的兼容模式..这个你微调一下吧。。。应该写个hack就好了，不是很清楚那个兼容模式用的是什么ie什么核心的

相关资料更多>

  1. 怎么使按钮和文字排在一行且对齐（CSS之display：inline-block的妙用）
  2. white-space: nowrap中的wrap如何理解
  3. CHROME和IE的兼容有关问题
  4. 多重table嵌套，怎的显示细边框
  5. css+div页面格局 - float和margin
  6. 哪里能够找到firefox、opera和chrome的API手册啊该怎么处理
  7. HTML中的图象标签属性
  8. htmleditor 唤起自定义tld 无法解析
  9. CSS： Google Chrome的兼容性有关问题