Biny 2010-01-31 11:04
将form加在内部，form相当于一个容器，你加在外面，会造成#wrap 的高度失效，height:100%；会不起作用。
卡内基 2010-01-30 13:30
你好，我用了你介绍的方法，可以是可以，我是用.net的，如果在
这些层对外加个<form id="form1" runat="server">好像就不行了。不加form 是可以的，伸缩底部不会跑到内容上面，请问有没有什么好的方法，谢谢。。
Biny 2010-01-03 18:22
@卡内基
footer跑到MAIN中才是正常的，padding-bottom是一个空的占位高度，然后将footer向上负偏移到这个空间中就达到始终居底的效果了。因为整个父容器设置了100%的高度，占满了客户的浏览器的整个屏幕高度。
卡内基 2010-01-03 17:27
您好，楼主很强大，我在学习的过程遇到下面这个问题不是太明白，请楼主解释下
#main {padding-bottom: 150px;} /* 必须使用和footer相同的高度 */
#footer {margin-top: -150px; /* footer高度的负值 */
}
为什么要有这两步呢？我在用的时候，就是有这两步，footer层跑到main里面去了。。
什么意思？
fishkuro 2009-12-18 10:47
怎么每次都是高圆圆...
xxx1013 2009-12-17 09:02
收藏一下 谢谢分享
追寻者 2009-12-16 10:13
楼主是好人....
Todd.Zhao 2009-12-11 16:13
好文。受益匪浅 3q
wallini 2009-12-11 13:50
很不错呢，收藏
Biny 2009-12-11 13:47
@斯克迪亚
很遗憾，这是这种CSS模拟圆角框最大的缺点，圆角部分不够圆滑，因为是模拟的，要表现得更好一些，需要加入更多的容器结构。如果你想要更好的效果，建议你看看我的另一篇文章《超圆滑圆角框的半完美解决方案》，里面有几种比较成熟的方案。
阳光沙滩海岸线 2009-12-11 13:40
不错~MARK
飞鸽传书 2009-12-11 13:19
哇，好厉害。
斯克迪亚 2009-12-11 12:50
很方便，很强大，支持！
PS：能否设置圆角的像素数呢？我个人觉得这样的圆角弧度部分有点大了。
清茶 2009-12-11 12:31
很好，顶了！
Biny 2009-12-11 12:11
@guester
谢谢您！
很不错的建议，如果有时间，我会添加到组件中去。
Biny 2009-12-11 12:11
@wbkt2t
谢谢你的使用！
这样应用是不行的，因为这儿A相当于父容器，JS在内容中会为它添加圆角的一些结构层，当触发HOVER时，相当于结构已经发生改变了。如果你想达到这种效果，需要用onmouseover来模仿A:hover伪类行为，然后重新添加圆角框的结构体。
landylee 2009-12-11 11:30
支持19楼
webaspx 2009-12-11 10:50
不错，mark下。
guester 2009-12-11 10:47
个人觉得有必要对参数进行下整理，归类 采用json参数带入法不错，语义也清晰。
如
b_RoundCurve("right3","#A0C044","#E9F2CC",3,"h3","","image/bg1.gif");
应调整为
b_RoundCurve({
target:'right3',
color:{
border:'#A0C044',
background:'#E9F2CC'
},
styleType:3,
title:{
target:'h3',
color:'',
imgSrc:'image/bg1.gif'
}
});
这样虽然多写了很多字，但是看起来直观了
湖海一心 2009-12-11 10:47
很漂亮啊，学些了
ppchen（陈荣林） 2009-12-11 10:41
收藏。。
卡卡西西 2009-12-11 10:36
不错！很有意思！
liyou 2009-12-11 09:58
很好。
大娘 2009-12-11 09:51
这种文章好，哈哈，有图有真相~不像某人哦~
三桂 2009-12-11 09:31
很不错啊,顶一个啊...
wbkt2t 2009-12-11 09:26
我想把它做到a标签上，马上就崩溃了！！
[code=html]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
a{
background-color:yellow;
display:block;
width:200px;
height:30px;
}
a:hover{
background-color:red;
}
</style>
</head>
<body>
<a class="demo" href="#">test</a>
<script type="text/javascript" src="js/bRoundCurve 1.0.js"></script>
<script type="text/javascript">
b_RoundCurve("demo","black","white",1);//普通圆角框
</script>
</body>
</html>
[/code]
wbkt2t 2009-12-11 09:17
不错，研究一下啊~~~
半夜喝茶 2009-12-11 09:07
下来研究一下
c#在路上 2009-12-11 09:07
好东西啊，现在都喜欢写个sdk或者框架，这才叫牛人了。
卡恩和巴拉克粉丝 2009-12-11 09:06
博客很漂亮
好 2009-12-11 09:01
这个好。支持
peterzb 2009-12-11 08:57
好, 支持下
坤坤 2009-12-11 08:56
呵呵，确实不错！感谢lz分享
Biny 2009-12-11 08:49
谢谢！
Terry Sun 2009-12-11 08:38
不错，占了个一楼
LiuSj 2009-12-11 08:38
这个好，赞一个，支持。
Biny 2009-12-02 23:02
@吉日嘎拉>不仅权限设计
谢谢！
Biny 2009-12-02 23:01
@吉日嘎拉>不仅权限设计
@Motto
谢谢！
Motto 2009-12-02 22:58
写的很好，好强大···
吉日嘎拉>不仅权限设计 2009-12-02 22:23
牛B 人就是多， 有时候不服不行啊。
吉日嘎拉>不仅权限设计 2009-12-02 22:22
牛人，看效果非常棒。
Biny 2009-12-02 22:08
@左岸读书
谢谢！
@晴天猪
下面的模板链接是可以下载的啊。
晴天猪 2009-12-02 18:15
把模板分享一下吧
左岸读书 2009-12-02 17:44
你已经把这一系列打造得天衣无缝了。
known 2009-12-02 17:39
最小宽度ie6中可以这样解决
min-height:440px;
height:auto !important;
height:440px;
Biny 2009-12-02 12:13
呵呵，说得都对，每个人站立的角度，所处的位置不同，得出的结论也不一样，如果为了开发成本，让IE的用户得到原始的效果，只要公司老总说OK就行了。
asp.net初学者 2009-12-02 11:07
@Biny
嗯，确实如你所说，目前只能用其他方法实现，如果说有完美的方法就是css3了,Border-radius,在Chrome里面成功了,但是ie离css3还早....
兰缪内衣 2009-12-02 10:33
很久没用弄过CSS了，都快忘了