我无法在我的div背景中获得这张照片

2018-07-01 23:40:47

有人能指引我朝着正确的方向吗？我不明白为什么我无法将black_bottom.png作为背景放在圆角中。

这是CSS：

@charset "utf-8";

/ * CSS文档* /

html，body {color：＃444141; font-family：'trebuchet ms'！important; font-size：12px; margin：0px; padding：0px; 身高：100％; background：#eaeade;} .justyParagraph {text-align：justify;} a img {border：0;} .clearer {clear：both;}

.rounded_corners {background：url（../ images / box / black_bottom.png）no-repeat left bottom; 颜色：#FFF; padding：8px; 宽度：380px; border：2px solid＃4e4b4b; height：450px;

div＃blockdark {height：517px; left：450px; 位置：绝对; 顶部：130px; z-index：1000000; 宽度：360px; 可见度：可见的;

}

这是HTML

<div id="blockdark"> 
<div class="rounded_corners">

Content


       </div>
</div>

这是一个例子，也许它与JavaScript的rouinded角落有关？

http://www.coldcharlie.nl/test/

确保../images/box/black_bottom.png是从样式表到图像文件的路径。其他一切看起来都是正确的，但人们并不总是意识到路径与css文件相关，而不是包含它的页面。

尝试一个绝对URL，看看它是否出现。如果确实如此，则知道您的相对URL不正确。

无论是：

您的图片不存在于此相对路径：../images/box/black_bottom.png。

要么：

你的图像是空白的。

要么：

图像左下角的空白区域比div.rounded_corners的尺寸更大，因此背景图像会“超调”您的div。

HI ...

这可能会让你看看...

<html>
<head>
<style type="text/css">
    #mydiv{
        background-image:url('http://www.theregister.co.uk/Design/graphics/std/logo_414_80.png');
    }
</style>
</head>
<body>
<div id="mydiv">
<p>Mary had this little lamb...</p>
<p>Mary had this little lamb...</p>
<p>Mary had this little lamb...</p>
<p>Mary had this little lamb...</p>
<p>Mary had this little lamb...</p>
<p>Mary had this little lamb...</p>
</div>
</body>
</html>

只是为了让你开始。

此外，您的div＃blockdark未验证 - 请改用#blockdark ...

（该ID应该是唯一的，所以标签类型无关紧要）

链接地址: http://www.djcxy.com/p/89173.html

上一篇: I can't get this picture in the background of my div

下一篇: Background Image That Adjusts to Screen Width Constraining Proportions