使用CSS與俏皮不工作的圓角框，幫助我

我試圖把一個圓角矩形使用漂亮的技術。但沒有工作幫助我。我的代碼如下使用CSS與俏皮不工作的圓角框，幫助我

st.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>Untitled Document</title> 
<script type="text/javascript" src="nifty.js"></script> 
<link href="niftyCorners.css" rel="stylesheet" type="text/css" /> 
<link href="niftyPrint.css" rel="stylesheet" type="text/css" /> 
<link href="stm.css" rel="stylesheet" type="text/css" /> 



<script type="text/javascript"> 
window.onload=function(){ 
if(!NiftyCheck()) 
    return; 
Rounded("div.indian","#377CB1","#9BD1FA"); 
} 
</script> 


</head> 



<body> 
<div class="indian"> 
<p>I am an Indian</p> 
</body> 
</html>

stm.css

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

.indian 
{ 
height:300px; 
width:300px; 
font-family:Georgia, "Times New Roman", Times, serif; 
font-size:18px; 
}

幫助我

來源

2009-08-14 Rajasekar

你< DIV CLASS = 「印」 >未關閉。這可能會使Javascript無法在DOM中找到<div>。
您需要爲您的打印樣式表設置「媒體」。打印樣式表隱藏了Nifty JS所做的所有工作。
您未設置頁面或「印度」<div>的背景顏色。如果不這樣做，效果將無法正常工作。
當使用Nifty技術時，我不認爲設置「印度」<div>的高度是受支持的。

糾正這些錯誤，你的代碼工作在這裏看到：http://demo.raleighbuckner.com/so/1277789/

此外，你應該使用nifty技術的較新版本在這裏找到：http://www.html.it/articoli/niftycube/index.html

來源

2009-08-14 14:08:01

你的HTML不正確。您錯過了一個關閉DIV：

<body> 
<div class="indian"> 
<p>I am an Indian</p> 
</div> <!-- This was missing --> 
</body>

另外，您正在使用舊版本的Nifty。嘗試新的版本：http://www.html.it/articoli/niftycube/index.html

來源

2009-08-14 14:07:06

使用CSS與俏皮不工作的圓角框，幫助我

回答

相關問題