jquery - 使用 Transify 时设置 border-radius 属性

Question

我正在使用 Transify使 div 半透明，还想添加圆边。

使用 Transify 时，圆边只会在页面完全加载之前出现。

CSS:

.grid {
    background-color: #FFFFFF;
    width: 320px;
    border: 2px solid;
    border-radius: 25px;
}

HTML:

<div class="grid" id="content">
... irrelevant content ...
</div>

<script>
    $('#content').transify({opacityOrig:.8,percentWidth:'100%'});
</script>

我如何同时实现这两个目标？

Answer 1

Transify 本身不遵守 css 中定义的 border-radius 属性。

这包括使用其他方法，例如 curvyCorners , 或 jQuery.css()。

这可以通过简单编辑 Transify 脚本来解决。

transBG.css({
...
backgroundRepeat:$this.css('backgroundRepeat'),
borderRadius:$this.css('borderRadius'), <- add this line
borderTopColor:$this.css('borderTopColor'),
...

当尝试在 Transify 网站上发布此内容时，已通过重定向到“我们不允许此处的垃圾评论”页面禁用评论，并且开发似乎已停止。