我正在尝试设置背景图像的宽度 - 而不是修改所述图像的高度。有没有办法做到这一点?
答案 0 :(得分:8)
我认为选择的答案是错误的。您可以仅使用纯CSS 3,使用java examples.Example
作为自动推断的高度,或使用background-size: 100% auto
作为自动推断的宽度。比例将保持不变。仅当您使用background-size: auto 100%
(缩写为background-size: 100% 100%
)时,比率才会发生变化。
答案 1 :(得分:2)
要完全控制背景图像,您可以创建一个非常低z-index
和position:absolute; top:0; bottom: 0;
的div,以使所有内容都浮动在其上方。
如果您不想硬编码图像的高度,则需要使用javascript进行拉伸,否则它将根据 width 和高度
在css3中你可以使用属性background-size
,但这里也是一样的..如果你不希望图像按照比例缩放,你需要使用javascript 宽度和高度。
答案 2 :(得分:0)
您可以使用timthumb库执行此操作 - 它可以裁剪可以实现您需要的图像。您需要安装tim thumb(例如timthumb.php),然后将图像更改为指向您的timthumb页面并通过图像的html编码网址。它处理它,使其成为您需要的宽度,而无需修改图像的高度。