我非常需要以这种方式在一个小按钮图标下设置一个大背景:
<img
src="little-icon.png"
style="background: url('main-image.jpg') no-repeat center;
margin: auto; padding: 0;
height: 240px; width: 180px;"
/>
其中高度和宽度是(大)主要背景图像的参数。简而言之:我需要将 img.src 设置为可点击的图标，并将其背景图像设置为大图像。使用包装 img 标签的 div 标签，这是一件非常简单的事情。但由于其他情况，我不得不在同一个 img 标签中完成所有操作。
上面的代码完成了它的工作，但图标变形为背景图标的大小。有机会做我需要做的事吗？
最佳答案
我认为有更好的方法来做到这一点，但如果你绝对必须按照自己的方式去做，使用填充 - 使用 CSS 设置图像的宽度和高度，肯定会使它变形......
Example here (使用 :hover 作为解释方式)
关于html - 如何通过 CSS 在同一个 <img> 标签中设置一个图像在另一个图像之上？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11738406/