[英]DIV background-image overflow
我有一个带有背景图像的DIV元素,我希望它溢出DIV的尺寸(现在它会切断图像,因为图像比DIV大)。
这可能吗? overflow:visible
不起作用!
你可以用另一种方式做到:
#box {
margin:-50px 0 0;
padding:50px 0 0 0;
background:url(/images/image.png) no-repeat;
}
将背景放在包含<div>
的较大<div>
上。
CSS3很有可能。 我在自己尝试这个帖子时偶然发现了这个帖子,并发现我可以做到这一点。
这是我使用的代码:
#page
{
width:1024px;
height:662px;
padding:0 58px 105px 58px;
background-image:url(../images/milk_splash.png), url(../images/content_back.png);
background-size: 1082px 767px, 1024px 662px;
background-origin:padding-box, content-box;
background-repeat:no-repeat, no-repeat;
background-position:top left, top left;
}
您的图像将按照您放入的顺序分层。您的填充是与div的大小的偏移差异。
我发现了这一点,只需分享它。 在IE <9中不起作用。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.