html - 使用 CSS 和 Nifty 的圆 Angular 框不起作用,帮帮我

标签 html css rounded-corners

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

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

帮帮我

最佳答案

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

更正这些错误后,您的代码将按此处所示运行:http://demo.raleighbuckner.com/so/1277789/

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

关于html - 使用 CSS 和 Nifty 的圆 Angular 框不起作用,帮帮我,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1277789/

相关文章:

javascript - jQuery .height() 在 div 上输出与 .scrollHeight 相同的值并溢出 :auto (IE8)

C++ HTML 生成类

css 两行一列框布局

jquery 更改多个背景上的 css 背景位置

html - 重复的工具提示修复?

c# - 如何绘制半圆角矩形?

html - 如何在不使用溢出 : hidden or applying border-radius to an unknown number of child elements? 的情况下获得圆 Angular

html - 相对 z 指数?

javascript - 圆 Angular 在 IE 中不起作用(.rounded-corners)

html - 伪类 :last-child weirdness