Safari background-color переход на прозрачный, когда исправлено. Ошибка? - PullRequest
Новая
       23

Safari background-color переход на прозрачный, когда исправлено. Ошибка?

2 голосов
/ 06 мая 2019

У меня проблема с переводом цвета фона на прозрачный в Safari 12.1 (14607.1.40.1.4).

Код не будет переводить фон в прозрачный. Вместо этого он мерцает или ничего не делает, когда зависает.

Кажется, что переходы работают нормально в Chrome и Firefox. И это действительно работает в Safari, если

  • Дивизион пуст
  • ИЛИ Положение: исправлено удалено
  • ИЛИ Целевой цвет фона установлен на цвет (хотя прозрачность rgba не работает) 
<!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>

Я хочу иметь возможность перевести фиксированный цвет фона divs в прозрачный. Есть ли способ заставить это работать?

1 Ответ

2 голосов
/ 28 мая 2019

Я только что столкнулся с той же ошибкой Safari и был очень разочарован этим ...

Кажется, position: fixed и background: transparent не работают вместе в Safari.

В итоге я добавил div в свой «фиксированный» div и использовал его для перехода цвета фона.

...