使用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网站上发布此消息时，评论已被停用，方法是重定向到＆＃34;我们不允许在此处发布评论垃圾邮件＆＃34;页面和开发似乎已经停止。