css - CSS 背景的 Safari 问题

标签 css background safari

此代码似乎适用于除 Safari 之外的所有内容。

background:url("/images/nav.png") 无重复滚动中心 center/17px 17px rgba(0, 0, 0, 0)

当我删除“/17px 17px”时,我会看到我的图像显示在该元素上。当我在 safari 网络检查器中查看它时,它显示的 CSS 代码是这样的

background:url("/images/nav.png") 无重复滚动中心center/17px 17px透明

有没有人遇到过类似的事情?它曾经可以工作,但后来我不得不缩放图像,这就是 Safari 问题出现的时候。谢谢!

最佳答案

试试这段代码:

background:url("/images/nav.png") no-repeat center center rgba(0, 0, 0, 0);
-webkit-background-size: 17px 17px; //webkit support
-moz-background-size: 17px 17px; //Mozilla support
-o-background-size: 17px 17px; //Opera support
background-size: 17px 17px; 

它适用于所有浏览器。

关于css - CSS 背景的 Safari 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22940424/

相关文章:

css - 绘制如图所示的图像

css - 使图像高于包装 div 并从最底部开始

html - 具有深层的 CSS 选择器

java - 将图像设置为 JPanel 背景的最简单方法

ios - tablecell 背景仅显示自定义单元格,但显示自定义单元格使其无法选择

swift - 如何修复 : gradient background at landscaping?

html - Safari for iOS 上垂直 flexbox 中的最后一个元素在横向模式下被裁剪

html - Safari 下部的选择框无法选择

javascript - Canvas DrawImage 不适用于 IOS Safari

php - html 和 body 的高度不是 100%