编辑 :只是要完全清楚。 我的主要兴趣不是 IE6,但我使用的任何解决方案都需要在IE6中工作,而不是看起来完全可怕。
所以一个解决方案,其中圆角在IE6中最终方形将是好的。
在IE6中随机位置最终出现圆角的解决方案可能不行。
任何人都可以告诉我如何通过这个工具调整CSS输出,以便div只有一个边框(没有填充)? 此刻你会得到一块坚固的颜色(本例中为黑色)。
我对完全不同的技术持开放态度,但必须是无图形的,并且必须合理地降级IE6(“合理地”包括没有圆角但仍然得到一个盒子)
我尝试将“背景颜色”改为“继承”,但后来我丢失了盒子的左右两侧。
示例css / html如下:
.spiffy{display:block}
.spiffy *{
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#000000}
.spiffy1{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #919191;
border-right:1px solid #919191;
background:#3f3f3f}
.spiffy2{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
background:#303030}
.spiffy3{
margin-left:1px;
margin-right:1px;
border-left:1px solid #303030;
border-right:1px solid #303030;}
.spiffy4{
border-left:1px solid #919191;
border-right:1px solid #919191}
.spiffy5{
border-left:1px solid #3f3f3f;
border-right:1px solid #3f3f3f}
.spiffyfg{
background:#000000}