我不能让这个背景出现在div中

有人能指出我正确的方向吗？我不明白为什么我无法将achtergrond_homepage.png作为圆角背景。我不能让这个背景出现在div中

编辑：它看起来像所有东西都灰色的颜色。它可以是它在javascript部分中被控制的吗？

这是CSS：

@charset "utf-8"; 
    /* CSS Document */ 

    html, body { 
    color: #444141; 
    font-family: 'trebuchet ms' !important; 
    font-size: 12px; 
    margin: 0px; 
    padding: 0px; 
    height: 100%; 
    background: #eaeade;} 
    .justyParagraph { 
    text-align: justify;} 
    a img { 
    border: 0;} 
    .clearer { 
    clear: both;} 


    .rounded_corners{ 
      background: url(../images/achtergrond_homepage.png) no-repeat left bottom; 
      color:#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; 
     visibility: visible; 


    }

这是HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 

    <title>Test</title> 
    <link rel="bookmark" href="/favicon.ico" /> 
    <link rel="shortcut icon" href="/favicon.ico" /> 
    <link href="css/style.css" rel="stylesheet" type="text/css" /> 
      <script src="js/excanvas.js" type="text/javascript"></script> 
      <script src="js/jQuery.min.js" type="text/javascript"></script> 
      <script src="js/roundCorners.jQuery.js" type="text/javascript" ></script>  

      <script type="text/javascript"> 
       $(window).load(function(){ 
       $('.rounded_corners').bg(['20px', '20px', '20', '20']); 
      }); 
      </script> 
</head> 

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

<div> <h1> Title </h1> </div> 

<div> Content </div> 


</div> 
</div> 
</body> 
</html>

这是一个例子，也许有事情做与JavaScript进行圆角？

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

来源

2010-02-24 Chris

您似乎正在编辑您的测试网站，它现在显示背景。问题解决了？ – user64075 2010-02-24 11:02:58

尝试增加display: block到.rounded_corners。此外，它看起来像缺少background行的;行.rounded_corners

来源

2010-02-24 10:47:03 jackbot

我修复了它并添加了display：block，没有任何反应。 – Chris 2010-02-24 10:52:04

我离开了javascript部分并用png解决了它。 – Chris 2010-02-24 14:13:20

我不能让这个背景出现在div中

回答

相关问题