我看到很少有关于在悬停时更改图像的答案,我根据该程序制作了一个程序,但仍然无法正常工作。请建议。
<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>
答案 0 :(得分:3)
您的CSS存在优先问题。
内联样式总是比CSS文件中的样式(或样式标记之间)更优先。
进一步阅读:Reviewing CSS Style Priority Level
P.S - 最佳做法是不要设置内联样式,而是在一个地方使用包含样式的外部CSS文件。