Question

希望你能帮助我： - ）

我的HTML代码我在Google Chrome和Firefox中运行良好，但在IE10中却没有。任何人都可以看到代码中出了什么问题吗？

我的网站： http://produkt-guiden.dk/testside2

我的代码：

<style type="text/css">
#cell1 {
  width: 610px;
  height: 1000px;
  vertical-align: middle;
  background-image: url(/media/wysiwyg/guiden1.png)
}
#cell1:hover {
  background-image: url(/media/wysiwyg/guiden0.png)
}
</style>
</head>

<body>
<table border="0">
<tbody>
<tr>
    <td id="cell1"><iframe src="myiframeurlcode" frameborder="0" scrolling="auto" marginheight="0" allowtransparency="true" width="610px" height="1500px">iframe not supported!</iframe></td>
</tr>
</tbody>
</table>

Answer 1

看起来IE10的背景颜色/图片存在悬停(discussed here)的问题。我建议使用JavaScript在mouseenter和mouseleave上添加/删除名称为“hover”的类。在css更改

 #cell1:hover {
  background-image: url(/media/wysiwyg/guiden0.png)
 }

到

 #cell1.hover {
  background-image: url(/media/wysiwyg/guiden0.png)
 }

BG图像鼠标悬停工作正常，IE浏览器除外

1 个答案: