jquery - 具有拉伸(stretch)的渐变背景的图像 Angular 上的圆 Angular 边框

标签 jquery html css

我有数百张图片将随机加载和显示,然后更改为另一张图片(有 4 个图片框,每个显示特定图片 10 秒,然后更改为另一张完全随机的图片。)

现在这些图像需要四舍五入,但是我已经尝试了所有我能想到的可能的方法。 我无法使用透明图像放置在圆 Angular 图像上,因为背景被拉伸(stretch)(液体模板)。

我尝试过 javascript 圆 Angular 图像 Angular (js Angular )(不适用于图像转换和太多延迟),尝试使用图像放置在顶部(看起来很糟糕),css 圆 Angular (需要更多跨浏览器)。我能想到的唯一方法是 PHP,但这确实是 CPU 密集型的,而且会有很多图像。

我正在寻找一些想法,也许不同的背景图像和每个分辨率的定位而不是单一的拉伸(stretch)背景?但我宁愿不加倍加载时间。

有什么想法吗?

  • 史蒂夫

最佳答案

这很难解决,但 IE9 将在 2011 年支持 CSS border-radius。当然,很多人会在相当长的一段时间内使用 IE7/8,所以这不太理想。

这里提到了一个可能的破解方法:http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser .我还没有尝试过,但我会在未来尝试。

希望对您有所帮助,

詹姆斯

编辑:我不确定这会使您的图像 flex ,尽管它可能 - 快速浏览源代码似乎 .htc 文件实际上逐像素创建了 Angular 半径。

关于jquery - 具有拉伸(stretch)的渐变背景的图像 Angular 上的圆 Angular 边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4286925/

相关文章:

javascript - jQuery - 如何调用方法/原型(prototype)函数

javascript - jQuery .get 不工作

jquery - 在 mouseeenter 上制作一个 div 弹出窗口(内部的工作示例)要求代码优化

HTML <video> 占位符在 ipad 上是黑色的。我们可以改变它吗?

javascript - 获取响应式 Javascript 菜单以堆叠在 img 下。

jquery - 有两个奇怪大小的元素是中心和边缘响应想象容器

jquery - 需要帮助定制 jQuery portlet

javascript - 如何创建一个在 div 外部单击时取消选择的函数

html - 如何并排对齐 ul 列表?

jquery - 切换动画或 Css