我无法在我的div背景中获取此图片

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

这是CSS：

@charset "utf-8";

/* CSS文件*/

HTML，身体{ 颜色：＃444141; font-family：'trebuchet ms'！important; font-size：12px; margin：0px; padding：0px; 身高：100％; 背景：#eaeade;} .justyParagraph { 的text-align：证明;} 一个IMG { 边界：0;} .clearer { 明确：既;}

.rounded_corners { 背景：网址（../images/box/black_bottom.png）不重复左下; 颜色：#FFF; padding：8px; width：380px; border：2px solid＃4e4b4b; height：450px;

div＃blockdark { height：517px; left：450px; position：absolute; top：130px; z-index：1000000; width：360px; 知名度：可见;

}

这是HTML

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

Content 


     </div> 
</div>

Thisi个例子，也许有事情做与JavaScript进行rouinded角落？

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

来源

2010-02-23 Chris

你可以单独载入图像吗？这将诊断许多配置错误。在线演示也会有所帮助。 – 2010-02-23 21:22:47

你可以验证图像相对于css文件的位置是否正确？ – 2010-02-23 21:24:28

尝试将该图像设置为具有域名和全部内容的完全限定的url，以证明css的工作原理 - 然后在您的配置中解决问题。 – 2010-02-23 21:28:07

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

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

来源

2010-02-23 21:24:58

如果您查看Firebug中的样式信息并将光标悬停在该“url（）”表达式上，它会显示图像，否则它将不显示。如果没有，那就意味着这个URL很糟糕。 – Pointy 2010-02-23 21:32:22

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应该是唯一的，所以标签类型并不重要）

来源

2010-02-23 21:42:08

我用一个例子编辑了我的问题 – Chris 2010-02-24 09:51:45

之一：

您的图像不以这个相对路径存在：../images/box/black_bottom.png 。

OR：

您的图像为空白。

OR：

你的图像在图像的左下角比你div.rounded_corners的尺寸多个空白空间，因此背景图像“过冲”你的股利。

来源

2010-02-23 23:07:05 Tom

我无法在我的div背景中获取此图片

回答

相关问题