带有背景大小样式的图像标签

时间:2014-01-11 08:16:15

标签: html css google-chrome-extension

我正在浏览gmail上某个主题的代码。我注意到渲染时的图像宽度设置如下:

<img src="abc.jpg" style="width:1400px;">

我的问题是,我可以将其更改为

style="background-size: cover;

我问的是因为我正在处理Chrome扩展,这往往会搞砸窗口调整大小的图像大小,我想知道我是否可以将此图像样式设置为背景大小。我确信我的代码没有对运行主题的脚本进行任何更改,但由于某种原因它仍然会发生。

谢谢!

1 个答案:

答案 0 :(得分:1)

由于这是img-tag而不是背景,因此您无法将background-size: cover应用于此。

你可以用div包装图像并将img src添加到它并将背景覆盖应用于div。

或者你可以使用图像的最小宽度和最小高度来做一些接近覆盖效果的事情。