CSS 圆 Angular 快速完成 : is this an awful technique?

Question

这是我一直在尝试的一种快速但肮脏的圆 Angular 技术。

<!-- assuming the div isn't statically positioned -->
<div>
    <img src="box_TL.png" style="position:absolute;top:0;left:0;"/>
    <img src="box_TR.png" style="position:absolute;top:0;right:0;"/>

    <!-- other content -->

    <img src="box_BL.png" style="position:absolute;bottom:0;left:0;"/>
    <img src="box_BR.png" style="position:absolute;bottom:0;right:0;"/>
</div>

是的，它很丑，但速度很快，边 Angular 流畅，它避免了嵌套的 div，并且不需要 javascript。 Angular 落图像和内容顺序没有区别，但我认为以这种方式对 Angular 落和内容进行排序可能更直观。

问题:这个技术到底有多可怕？它可以通过还是我应该完全放弃它？

Answer 1

我会使用 jQuery Corner Plugin .它非常非常快，适用于所有现代浏览器，也适用于 IE6。