在IE浏览器为什么CSS悬停中断的页面布局?(css hover breaks page layou

2019-10-29 11:53发布

我使用我的网页上的一些图片链接的CSS样式悬停。

当用户将鼠标悬停在图像上,它的后台位置的变化,提供了一个高光效果。

当我悬停在IE6像我的网页得到由40像素下推。

为什么是这样?

Answer 1:

IE6是狗。 尝试:

a{zoom:1}


Answer 2:

哪个版本的IE浏览器您使用的是? 你应该在这里提供的示例代码。 但是,您可以尝试下面的脏CSS技巧添加到这是在徘徊的形象。

<style type="text/css">
  img:hover
  {
      _margin-top:-40px;
  }
</style>

上面款式将只针对IE浏览器,其他浏览器会忽略它。



Answer 3:

使用悬停与Internet Explorer会引起奇怪的作风问题。

您可以使用条件注释避免浏览器问题。

关于浏览器的特性计算器问题

计算器问题关于为什么总是将需要条件注释

编辑:

Internet Explorer 6的支持CSS“:悬停”属性只在“a”元素

重新编辑:

只是文档......如果你真的想要或需要使用“悬停”。

试试下面这个例子: 将鼠标悬停在Internet Explorer 6

但是,这是一个非常粗略的解决方案。



Answer 4:

在OLE”盒子模型天翻地覆! IE6呈现出不同的盒子模型比W3C的礼物。 一个IE6盒(希望我得到这个权利)的宽度是一个总的,包括填充和边界。 W3C的盒子模型是宽度宣布,期。 边距,填充和边界是除了对象的宽度。

不同箱的型号是如何工作的例子:
http://css.maxdesign.com.au/listamatic/about-boxmodel.htm http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug



文章来源: css hover breaks page layout in IE WHY?