2011-09-07 107 views
0

所以我想要使用多個使用webkit邊框的div標籤,但由於某些原因,只有名爲「Wrapper」的標籤纔會呈現。這是我的代碼Div標籤將無法正確呈現

.wrapper { 
margin: 20px auto 20px auto; 
width: 800px; 
background: url('images/background_1.png'); 
padding: 40px; 
border: 1px solid #fff; 
font: 10px "Visitor", Arial, Verdana, sans-serif; 
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
box-shadow: 0 0 10px #999; 
-webkit-box-shadow: 0 0 10px #999; 

這裏是下面的另一標籤的另一個示例:

.body { 
margin: 20px auto 20px auto; 
width: 800px; 
background: #fff; 
padding: 0px; 
border: 1px solid #fff; 
font: 10px "Visitor", Arial, Verdana, sans-serif; 
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
box-shadow: 0 0 2px #999; 
-webkit-box-shadow: 0 0 3px #999; 

將大大apprec

+0

它是什麼,不渲染,股利或邊界?你可以發佈一些HTML嗎? – nnnnnn

回答

0

這個工作對我來說:

<style type="text/css"> 
    .wrapper { 
    margin: 20px auto 20px auto; 
    width: 800px; 
    background: url('images/background_1.png'); 
    padding: 40px; 
    border: 1px solid #fff; 
    font: 10px "Visitor", Arial, Verdana, sans-serif; 
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    box-shadow: 0 0 10px #999; 
    -webkit-box-shadow: 0 0 10px #999; 
    } 

    .body { 
    margin: 20px auto 20px auto; 
    width: 800px; 
    background: #fff; 
    padding: 20px; 
    border: 1px solid #fff; 
    font: 10px "Visitor", Arial, Verdana, sans-serif; 
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 20px; 
    box-shadow: 0 0 2px #999; 
    -webkit-box-shadow: 0 0 3px #999;} 
    </style> 
    </head> 

    <body> 
    <div class="wrapper"></div> 

    <span class="body">afasfdasdf</span> 
+0

這是否有幫助,或者你已經找到了另一種方式? – checkenginelight

+0

這個修好了,謝謝。對不起,我之前沒有提到過,我已經預先從頭開始構建一個全功能的論壇 – Semirix

0

我不熟悉的webkit,但{ padding: 0px }可能是罪魁禍首。 ..?

+0

不是這樣。我只是試過 – Semirix

0

嘗試將border-radius聲明放在您的-webkit-border-radius聲明下。 (這是爲了兼容性的原因更好反正)

.wrapper { 
    margin: 20px auto 20px auto; 
    width: 800px; 
    background: url('images/background_1.png'); 
    padding: 40px; 
    border: 1px solid #fff; 
    font: 10px "Visitor", Arial, Verdana, sans-serif; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    -webkit-box-shadow: 0 0 10px #999; 
    box-shadow: 0 0 10px #999; 
} 

.body { 
    margin: 20px auto 20px auto; 
    width: 800px; 
    background: #fff; 
    padding: 0px; 
    border: 1px solid #fff; 
    font: 10px "Visitor", Arial, Verdana, sans-serif; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    -webkit-box-shadow: 0 0 3px #999; 
    box-shadow: 0 0 2px #999; 
}