0
有人可以向我解釋爲什麼底部的角落沒有擴大與div blockdark(高度:617px;)? 角落只擴大至文本的結束的div內(container5)無圖像的圓角問題
這是CSS:
.container5 {background:#666666; color:#fff; margin:0 15px;}
.rbottom{display:block; background:#f57f20;}
.rtop{display:block; background:#eaeade;}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background:#666666;}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}
.rl1 {margin: 0 0 0 5px; }
.rl2 {margin: 0 0 0 3px; }
.rl3 {margin: 0 0 0 2px; }
.rl4 {margin: 0 0 0 1px; height: 2px;}
.rr1 {margin: 0 5px 0 0; }
.rr2 {margin: 0 3px 0 0; }
.rr3 {margin: 0 2px 0 0; }
.rr4 {margin: 0 1px 0 0; height: 2px;}
div#blockdark {
height: 617px;
left: 468px;
position: absolute;
top: 150px;
z-index: 1000000;
width: 300px;
overflow: visible;
visibility: visible;
}
Thisi S中的HTML:
<div id="blockdark">
<!--Begin custome code-->
<div class="container5">
<b class="rtop"><b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b></b>
<p>Sed do eiusmod tempor incididunt ullamco laboris nisi ut labore et dolore
magna aliqua. Quis nostrud exercitation qui officia deserunt ut enim ad minim
veniam. In reprehenderit in voluptate mollit anim id est laborum. Duis aute
irure dolor consectetur adipisicing elit, ut aliquip ex ea commodo consequat.</p>
<p>Lorem ipsum dolor sit amet, qui officia deserunt cupidatat non proident.
Eu fugiat nulla pariatur. Ut labore et dolore magna aliqua.</p>
<b class="rbottom"><b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b></b>
</div>
<!--End custome code-->
</div>
查看http://www.dillerdesign.com/experiment/DD_roundies/#how。這是一個免費的插件,坦率地說,我不認爲有更好的解決方案。即使你獲得了上面的代碼,IE6幾乎總是有問題。 – 2010-02-22 14:25:50