參考文章:css圖片圓角邊框實現方式 、7种CSS圆角框解决方案
不過考慮到跨瀏覽器,通常我還是用最笨的方法:分div去拼出來。如果只考慮垂直延伸。就是切成以下結構:
<div id=”all”>
<div id=”block-top”></div>
<div id=”block-center”></div>
<div id=”block-bottom”></div>
</div>
如果垂直延伸結構想要再省一點可以這樣切:
<div id=”all”>
<div id=”block-top”>
<div id=”block-bottom”></div>
</div>
</div>
但是這樣就要搭配無透明度的圓角背景圖。用透明png還是要切三塊,不然重疊的部份會有兩層png