gpt4 book ai didi

html - 悬停时背景图像更改不起作用

转载 作者:太空宇宙 更新时间:2023-11-03 23:56:11 24 4
gpt4 key购买 nike

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

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

最佳答案

您的 CSS 存在优先级问题。

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

进一步阅读:Reviewing CSS Style Priority Level


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

关于html - 悬停时背景图像更改不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18567651/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com