用于在 Chrome 上不起作用的圆 Angular 图像的 Javascript

标签 javascript

我有一个在 IE9 和 Firefox 中运行良好的 javascript,但在 Chrome 中却不行。我需要一些建议来解决这个问题。

我正在尝试一个很酷的技巧来圆我从 http://www.bram.us/sandbox/roundedcorners/ 中学到的图像的 Angular 落.我更新了我的 css 并包含了上面网站中的 javascript,但实际上所有图像在 Chrome 上都消失了,而其他两个浏览器按预期呈现圆 Angular 。

我知道这个脚本也适用于 Chrome,因为 http://www.bram.us/sandbox/roundedcorners/在 Chrome 上运行良好。

这是javascript。

jQuery(function($) {
    $('img').wrap(function() {
        return '<span style="background-image:url(' + $(this).attr('src') + '); height: '+ $(this).height() + 'px; width: '+ $(this).width() + 'px;" class="rounded" />';
    });
});

提前致谢!

最佳答案

您确定没有忘记在 .rounded 类的 CSS 中包含这些内容吗?

-webkit-border-radius

边界半径

display: blockdisplay:inline-block

关于用于在 Chrome 上不起作用的圆 Angular 图像的 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10787827/

相关文章:

javascript - 使用 JavaScript + html5 在 Win8 商店应用程序中使用 Flash

javascript - 正则表达式复杂模式

java - 处理弹出窗口之外的点击事件

javascript - node.js连接mysql数据库出错

javascript - 在 Node 中解码 Jwt token - 无需库

javascript - 在我的项目中包含 jQuery SDK

javascript - 我应该修改字符串的原型(prototype)吗?

javascript - Angular controllerAs 和参数

javascript - Arcgis Esri map : Collect pictureMarkerSymbols info on area select

javascript - 有没有办法使用 Three.js LoadingManager 加载视频?