解决avada5.9图片圆角功能在IE11下不兼容的问题

avada5.9
avada5.9

avada5.9添加了列的圆角与阴影分别控制,但在导入演示Galerie的时候,以图片为背景时圆角兼容在IE11的时候有问题。

avada5.9图片背景圆角不兼容
avada5.9图片背景圆角不兼容

造成这个问题是因为avada复制了一个容器造成的不兼容,不过这个问题在avada官方的演示中是兼容的,所以这个只是下载的数据中才有的,官方已经修复了,只是没有及时发布更新,估计会在下一个版本中修复这个问题。现在提供一个临时的解决办法,给avada复制出来的这个容器加上圆角边框:

在需要做圆角边框的容器里加一个 border-img 的css类名

解决avada5.9图片圆角功能在IE11下不兼容的问题
解决avada5.9图片圆角功能在IE11下不兼容的问题

然后添加css样式规则,如果只是添加到当前页,只需要点开编辑器右上角的</>,如果是全站都需要添加:avada-->主题设置-->自定义CSS

.border-img .fusion-column-wrapper .fusion-column-wrapper{border-radius: 150px 0px 0px 0px;}

border-radius: 后面的4个分别控制 左上,右上,左下,右下4个角的大小。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

回到顶部

QQ群962782975