Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/email/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 背景图像的大小?_Html_Css_Background - Fatal编程技术网

Html 背景图像的大小?

Html 背景图像的大小?,html,css,background,Html,Css,Background,我有一个div是200px乘200px 它的背景图像是500px 500px 有没有办法确保整个背景图像适合div?我知道你可以用CSS3来调整它的大小,但我正在寻找一种针对旧浏览器的解决方案 谢谢 有没有办法确保整个背景图像适合div 这个 我知道你可以用CSS3来调整它的大小,但我正在寻找一种针对旧浏览器的解决方案 没有其他标准方法来缩放背景图像 可以通过和支持旧版本的Internet Explorer 或者,作为黑客,您可以使用元素,并将其绝对定位在内容后面。但这将是一个内容图像,因此

我有一个div是200px乘200px

它的背景图像是500px 500px

有没有办法确保整个背景图像适合div?我知道你可以用CSS3来调整它的大小,但我正在寻找一种针对旧浏览器的解决方案

谢谢

有没有办法确保整个背景图像适合div

这个

我知道你可以用CSS3来调整它的大小,但我正在寻找一种针对旧浏览器的解决方案

没有其他标准方法来缩放背景图像


可以通过和支持旧版本的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;


}