Div標籤將無法正確呈現

所以我想要使用多個使用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

來源

2011-09-07 Semirix

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

這個工作對我來說：

<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>

來源

2011-09-07 03:16:30 checkenginelight

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

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

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

來源

2011-09-07 03:05:02

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

嘗試將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; 
}

來源

2011-09-07 03:06:07 Nightfirecat

Div標籤將無法正確呈現

回答

相關問題