我知道如果没有 Javascript 或图像,IE 不可能制作圆角。
如果禁用 js,JS 解决方案将无法工作,所以我想使用图像选项
我需要任何图像+ css解决方案来使跨浏览器兼容圆角divminimal ,容易制作和纯粹的semantic and W3C 有效 code, 可拉伸的 and 最少使用图像和 Photoshop 的努力。
我知道 FF 和 safari 可以使用纯 css,但我需要没有 javascript 的跨浏览器解决方案。我想用最少的 XHTML 代码和图像来制作。
See 25 个 CSS 圆角技巧 http://www.cssjuice.com/25-rounded-corners-techniques-with-css/.
鞭打盒 http://www.vertexwerks.com/tests/sidebox/- 创建具有视觉耀斑和绝对最少量的语义正确标记的圆角框。
(source: cssjuice.com http://cssjuice.com/wp-content/uploads/2007/07/the-thrashbox.png)
XHTML:
<div class="sidebox">
<div class="boxhead"><h2>Test Headline</h2></div>
<div class="boxbody">
<p>This is a short sample paragraph.</p>
<p>And another one.</p>
</div>
</div>
可调整大小的盒子,具有可自由设计的角和表面 http://roundedbox.andreas-kalt.de/- 可调整大小的圆角框。
(source: cssjuice.com http://cssjuice.com/wp-content/uploads/2007/07/stylable-box_1185588162107.png)
两位作者都提到CSS 的滑动门 http://www.alistapart.com/articles/slidingdoors/关于拉伸性。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)