Question

我有一个带有背景图像的DIV元素，我想让它溢出DIV的尺寸（现在它会切断图像，因为图像比DIV大）。

这可能吗？ overflow:visible不起作用！

Answer 1

您可以采用其他方式：

#box {
    margin:-50px 0 0;
    padding:50px 0 0 0;
    background:url(/images/image.png) no-repeat;
}

Answer 2

将背景放在包含<div>。

的较大<div>上

Answer 3

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＆lt; 9。

中不起作用

DIV背景图像溢出

3 个答案: