Html 背景图像的大小?
我有一个div是200px乘200px 它的背景图像是500px 500px 有没有办法确保整个背景图像适合div?我知道你可以用CSS3来调整它的大小,但我正在寻找一种针对旧浏览器的解决方案 谢谢 有没有办法确保整个背景图像适合div 这个 我知道你可以用CSS3来调整它的大小,但我正在寻找一种针对旧浏览器的解决方案 没有其他标准方法来缩放背景图像Html 背景图像的大小?,html,css,background,Html,Css,Background,我有一个div是200px乘200px 它的背景图像是500px 500px 有没有办法确保整个背景图像适合div?我知道你可以用CSS3来调整它的大小,但我正在寻找一种针对旧浏览器的解决方案 谢谢 有没有办法确保整个背景图像适合div 这个 我知道你可以用CSS3来调整它的大小,但我正在寻找一种针对旧浏览器的解决方案 没有其他标准方法来缩放背景图像 可以通过和支持旧版本的Internet Explorer 或者,作为黑客,您可以使用元素,并将其绝对定位在内容后面。但这将是一个内容图像,因此
可以通过和支持旧版本的Internet Explorer
或者,作为黑客,您可以使用
元素,并将其绝对定位在内容后面。但这将是一个内容图像,因此它不会是一个干净的黑客行为。假设您的div的id等于“myid”
所用图片尺寸为500x500
演示:
不能在backgound图像属性中调整图像大小 还有另一个棘手的方法。只需将背景图像放在div中并添加绝对位置即可。Ofc ur div需要具有相对位置属性
在此之后,只需使用css2,您就可以调整您的图像大小。您可以通过应用
背景大小:100%100%来实现同样的效果代码>到您的div
希望这会有所帮助图像的纵横比已经达到1:1。是什么阻止你在photoshop中调整图像的大小?Jawad说了什么。但是,如果您确实需要动态调整图像大小并保持适当的纵横比,您可以阅读@selbie链接,该链接将定位图像,而不是调整图像大小。
/* Untested */
background-image: url(images/someimage.png);
background-resize: cover;
filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/someimage.png',sizingMethod='scale')";
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/someimage.png',sizingMethod='scale')";
div#myid{
width: 200px;
height:200px;
background: url('http://px6.streetfire.net/0001/72/25/1952752_600.jpg')
0% 0%
no-repeat;
background-size: 200px 200px;
}