我有数百张图像将被加载并显示为randomally然后更改为另一张图像(有4个图像框,每个图像框显示10秒钟的特定图像,然后更改为另一个完全随机的图像。)
现在这些图像需要四舍五入,但我已经尝试了所有可能的方法。 我无法使用透明图像放置在带圆角的图像上,因为背景被拉伸(液体模板)。
我已经尝试了javascript圆角图像角(js角)(不适用于图像过渡和太多延迟),尝试使用图像放置顶部(看起来很可怕),css圆角(需要更多跨浏览器)。我能想到的唯一方法是PHP,但这确实是CPU密集型的,并且会有很多图像。
我正在寻找一些想法,可能是不同的背景图像和每个分辨率的定位而不是单个拉伸的背景?但我宁愿不加倍加载时间。
有什么想法吗?
答案 0 :(得分:0)
嘿,试试this :)对我来说很好......;]
答案 1 :(得分:0)
这不是一个解决办法,但IE9将在2011年支持CSS border-radius。当然,很多人会在很长一段时间内使用IE7 / 8,所以这不太理想。
这里提到了可能的黑客攻击:http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser。我没有尝试过,但我将在未来。
希望这有帮助,
詹姆斯
编辑:我不确定这会使您的图像曲线化,尽管它可能 - 通过源快速查看.htc文件实际上是逐像素地创建角半径。