谷歌铬正在改变CSS行为

Question

我有一个叫做矩形的div类，我希望使用css进行转换的悬停效果，但是当浏览器窗口处于全屏状态时，谷歌浏览器不会让悬停工作。我顺便使用Mac。

这就是我用css进行悬停的方式：

.rectangle:hover {
Background: #4CAF50;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
transition: background 0.3s;

}

它可以全屏在Firefox和Safari浏览器中使用，但谷歌不要让它在全屏工作，我不知道为什么。请帮我解决这个问题我无法找到解决方法。

Answer 1

我有3条建议：

• 不要在属性中使用大写字母：background不是＆＃34;背景＆＃34;
• 使用更具体的background
替换background-color
• :fullscreen伪类可能对您的情况有用