0

我很少看到关于在悬停时更改图像的答案，并且我根据该程序制作了一个程序，但它仍然无法正常工作。请建议。

<style>
.nik:hover{ background-image:url(2.jpg); background-size:500px 500px; background-position:center;}
</style>

<body>
<form method="post" enctype="multipart/form-data">
<table>
<tr>
<td class="nik" style="height:300px; display:block; width:300px; border:1 groove; background-image:url(a.jpg); background-size:300px 300px; background-position:center;">
</td>
</tr>
</table>
</form>
</body>
4

1 回答 1

3

您的 CSS 存在优先问题。

内联样式总是比 CSS 文件内（或样式标签之间）的样式更优先。

进一步阅读：查看 CSS 样式优先级

PS - 最好的做法是根本不设置内联样式，而是在一个地方使用包含您的样式的外部 CSS 文件。

于 2013-09-02T07:24:25.153 回答