悬停时不工作的背景图像更改

时间:2013-09-02 07:22:59

标签: html css3

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

<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>

1 个答案:

答案 0 :(得分:3)

您的CSS存在优先问题。

内联样式总是比CSS文件中的样式(或样式标记之间)更优先。

进一步阅读:Reviewing CSS Style Priority Level


P.S - 最佳做法是不要设置内联样式,而是在一个地方使用包含样式的外部CSS文件。