Question

我有一些代码在IE8，FF＆amp;在PC上安装Safari，但在IE7中没有。我们的想法是拥有一个大按钮，标签中有背景图像，文本＆amp;前景图像。当用户滚动按钮时，背景图像将替换为另一个：

CSS：

ul { list-style-type:none; }

ul li { display:inline; }

ul li.link a {
    position:relative;
    float:left;
    margin:0 10px 10px 0;
    background:url(templatebtn.jpg) no-repeat;
    width:294px;
    height:250px;
    display:block;
    padding:6px 0 0 6px;
    }

ul li.link a:hover {
    position:relative;
    float:left;
    margin:0 10px 10px 0;
    background:url(templatebtnover.jpg) no-repeat;
    width:294px;
    height:250px;
    display:block;
    padding:6px 0 0 6px;
    cursor:pointer;
    }

HTML：

<ul>
<li class="link">
<a id="button1" class="btn">
<div class="btntitle"><p><strong>A title</strong></p></div>
<div class="btnpic"><img src="pic.jpg" /></div>
</a>
</li>
...
</ul>

在IE7中，图像在悬停时不会被替换，并且光标不会变为指针。即使我从css中移除了大部分的gunk：hover，只需要：hover {cursor：pointer;它仍然不起作用（即光标不会改变）。我用谷歌搜索了这个年龄和时间。必须遗漏一些明显的东西......和想法？

谢谢， ģ

Answer 1

将div更改为span。 XHTML和HTML＆lt; 5不允许在div内a。

编辑：哦，当你到达时，请删除p，因为p内的span是不允许的。：）

编辑2：在href代码中添加a属性。

IE7翻转无法正常工作

1 个答案: