0

我试图使用 Nifty 技术放置一个圆角矩形。但不工作帮助我。我的代码在下面

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

帮我

4

2 回答 2

2
  1. 你的 <div class="indian"> 没有关闭。这可能会阻止 Javascript 在 DOM 中找到 <div>。
  2. 您需要为打印样式表设置“媒体”。打印样式表隐藏了 Nifty JS 所做的所有工作。
  3. 您没有为页面或“印度”<div> 设置背景颜色。如果不这样做，效果将无法正常工作。
  4. 我认为使用 Nifty 技术时不支持设置“印度” <div> 的高度。

更正这些错误，您的代码如下所示：http: //demo.raleighbuckner.com/so/1277789/

此外，您可能应该使用此处找到的更新版本的 Nifty 技术：http: //www.html.it/articoli/niftycube/index.html

于 2009-08-14T14:08:01.200 回答
0

您的 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-14T14:07:06.210 回答