使用CSS裁剪背景图像

时间:2011-10-12 10:09:36

标签: html css

我在body标签上有一个大约500px高的背景图像。这对于索引页面很好,但是在其他页面上它看起来不正确。我希望能够将其他页面上的背景图像裁剪为大约300像素高,但仍然使用正文标记中的背景图像。

只使用CSS吗?

3 个答案:

答案 0 :(得分:4)

答案 1 :(得分:3)

使bg图像高300像素,不是裁剪,而是缩放:

background-size: auto 300px;

但是你不能裁剪到比设置背景的标签小的区域。你必须在里面写一个带有所需高度设置袋子的标签,然后裁剪:

 background-size: cover;

答案 2 :(得分:0)

也许像background-origin和background-clip这样的东西也可以帮助你