代码之家 › 专栏 › 技术社区 › Tariq Husain

图像在mac浏览器上是反转的

css3 macos html5 css html

-2

Tariq Husain · 技术社区 · 7 年前

我们正面临一个奇怪的问题,Mac浏览器上的图像显示为倒转。下面是SS。

有人面对过这个问题吗?

1 回复 | 直到 7 年前

1

2

A.J. Uppal 7 年前

当以下css属性生效时,图像将反转:

filter: invert(100%);

因此,您可以使用以下css解决问题:

img {
    filter: invert(0%) !important;
}

img {
    transition: 500ms ease-in-out;
    }
    
img:hover {
    filter: invert(100%);
    }

<img src="https://i.imgur.com/8NLsi1s.jpg" height="100" width="100">