CSS background-size-x属性?

时间:2012-07-13 02:39:22

标签: width css

我正在尝试设置背景图像的宽度 - 而不是修改所述图像的高度。有没有办法做到这一点?

3 个答案:

答案 0 :(得分:8)

我认为选择的答案是错误的。您可以仅使用纯CSS 3,使用java examples.Example 作为自动推断的高度,或使用background-size: 100% auto作为自动推断的宽度。比例将保持不变。仅当您使用background-size: auto 100%(缩写为background-size: 100% 100%)时,比率才会发生变化。

答案 1 :(得分:2)

CSS3之前

要完全控制背景图像,您可以创建一个非常低z-indexposition:absolute; top:0; bottom: 0;的div,以使所有内容都浮动在其上方。

如果您不想硬编码图像的高度,则需要使用javascript进行拉伸,否则它将根据 width 高度


CSS3

中你可以使用属性background-size,但这里也是一样的..如果你不希望图像按照比例缩放,你需要使用javascript 宽度高度

答案 2 :(得分:0)

您可以使用timthumb库执行此操作 - 它可以裁剪可以实现您需要的图像。您需要安装tim thumb(例如timthumb.php),然后将图像更改为指向您的timthumb页面并通过图像的html编码网址。它处理它,使其成为您需要的宽度,而无需修改图像的高度。