background-repeat round在Chrome中不起作用

时间:2017-10-31 14:33:20

标签: css css3 google-chrome

我很难让background-repeat:round;在Chrome中工作,虽然我查阅的所有内容都是支持的。

网址为https://thecraftygardeners.co.uk/

我包含一个屏幕截图链接,其中显示了Chrome和Firefox视图之间的区别,包括用于显示代码的检查器窗口。我使用的是最新版本的Chrome。

firefox display top, Chrome display beneath

2 个答案:

答案 0 :(得分:0)

  

我无法获得后台重复:圆形在Chrome中工作,虽然我看到的每个地方都被告知它受到支持。

您之前为按钮设置了background-position: center;。尝试通过向background-position: initial;添加.et_pb_button_[0|1|3]并删除background-size: contain;来覆盖它。它似乎可以解决问题,图像会缩放,直到round选项suggests适合一次。

答案 1 :(得分:-1)

尝试使用-webkit:https://developer.mozilla.org/en-US/docs/Web/CSS/Webkit_Extensions

希望这会有所帮助。

-MultiDutch