时间戳

首页 > 解决方案 > 修复后 Safari 背景颜色过渡为透明。漏洞？

css - 修复后 Safari 背景颜色过渡为透明。漏洞？

问题描述

我在 Safari 12.1 (14607.1.40.1.4) 中将背景颜色转换为透明时遇到问题。

该代码不会将背景转换为透明。相反，它在悬停时闪烁或什么都不做。

过渡似乎在 Chrome 和 Firefox 中运行良好。如果它在 Safari 中也可以工作

<!DOCTYPE html>
<html>
    <head>
        <style>
        body{
            background-color:white;
        }
        .box{
            width:200px;
            height:100px;
            background-color:lightblue;
            transition:1s all;
            position:fixed;
        }
        .box:hover{
            background-color:transparent;
        }
        </style>
    </head>
    <body>
        <div class="box">test</div>
    </body>
</html>

我希望能够将固定的 div 背景颜色转换为透明。有没有办法让它工作？

标签： csssafaricss-transitionscss-positionbackground-color

解决方案

我刚刚遇到了同样的 Safari 错误，对此感到非常沮丧......

似乎在 Safariposition: fixed上background: transparent不能很好地协同工作。

我最终在我的“固定” div 中添加了一个 div，并将其用于我的背景颜色过渡。

推荐阅读