2010-11-15 92 views
0

我跟着一个教程这个链接如何调整背景图片的大小?

How To: Resizeable Background Image

我试图编辑就与900px宽DIV工作,所以它只会垂直调整在调整背景图片,我不知道怎么做这行得通。

任何人都可以告诉我该怎么做,因为我想。

谢谢

+0

那么,你的背景图像应该始终是900px宽,只改变它的垂直尺寸? – 2010-11-15 13:21:39

+0

如何将背景图片用作实际div下的普通图片并调整图片大小? – 2010-11-15 14:15:57

回答

2

您是使用第一种,第二种还是第三种方法?

考虑第三种方法,如果你改变宽度高度它可能只是工作:

#img.source-image { 
    height: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
} 

如果这行不通,看看this questionthis other question实验你的身高和DOCTYPE。您也可以在doctype.com上提出同样的问题。

+0

另外他应该添加“宽度:900px;” – Peter 2010-11-15 13:28:49

+0

请注意,截至2013年2月15日,doctype.com已关闭。[请阅读更多信息](http://blog.doctype.com/doctype_is_closing_on_the_14th_1)。 – Krease 2014-02-18 05:28:16

2

似乎是这样的:

#yourDiv{ 
    background-size:cover} 

但是兼容性is limited.Example here

+0

这是控制背景大小的CSS3属性。我还没有尝试过,但预计它也可以在基于Webkit的浏览器中工作。 – Jared 2010-11-15 13:30:17

+0

它的工作原理,请参阅示例。 – 2010-11-15 13:32:53