我有一个包含图像的div,图像对于div来说太大了。我已经用明显的CSS overflow:hidden技巧解决了溢出问题。
但是,问题是,当div的父级调整大小(缩小)时,保存图像的div不会因为其中的图像而缩小。
有没有办法让一个可调整大小的div里面有一个溢出的图像(几乎像一个背景图像)?
我的DIV结构:
<div id="parent">
<div id="image_holder">
<!-- this image will inevitably be larger than its parent
我注意到,当同时使用line-height和text-align属性在<div>标记内居中和垂直对齐图像时,由于某种原因,图像会被下推几个像素。如果你的图片周围有很多空格,这种变化几乎不明显,但是当我在150px by 150px大小的框中有一张150px by 150px图片时,你可以看到图片被稍微推出的地方。有人知道为什么会这样吗?
我拼命地想要绘制一个“可调整大小”的背景图像。这是我正在努力绘制的主页,这样访问者就可以在"events“和"elektriciteit”两个选项之间进行选择。当您调整浏览器窗口的大小时,后台将到和我需要映射来调整背景的大小。谢谢!
css:
html {background: url('background.jpg')no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;backgr