css - 背景重复回合在 Chrome 中不起作用

标签 css google-chrome

我很难让 background-repeat:round; 在 Chrome 中工作,尽管我在任何地方查找它都支持它。

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

我提供了一个屏幕截图链接,显示了 Chrome 和 Firefox View 之间的差异,包括用于显示代码的检查器窗口。我使用的是最新版本的 Chrome。

firefox display top, Chrome display beneath

最佳答案

I'm having trouble getting background-repeat:round to work in Chrome, although everywhere I look I'm told it is supported.

你有 background-position: center;早些时候为你的按钮设置。尝试通过添加 background-position: initial; 来覆盖它给你的.et_pb_button_[0|1|3]并删除 background-size: contain; .它似乎解决了这个问题,图像将缩放直到它适合 1 倍为 round选项 suggests .

关于css - 背景重复回合在 Chrome 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47037907/

相关文章:

php - HTML 正文居中对齐

javascript - Bootstrap 导航栏切换不适用于移动设备

css - SVG 仅在 IE 中被渐变叠加隐藏,在 Chrome 中工作正常

css - MUI JSS 组合媒体查询而不重复

css - 在 Chrome 中找不到 CSS 错误

javascript - Salvatore 无法在 Chrome 和 Safari 上运行

javascript - javascript代码的某些部分使chrome在Ios中挂起

google-chrome - 在 SVG 元素上拖动光标会将光标更改为 Webkit (Chrome/Safari) 上的 i-beam(例如 |)

javascript - 宽度大于窗口大小的图像最初加载为与窗口相同的宽度

android - 媒体查询不适用于 Chrome for Android