Цвет фона CSS не работает в Safari, но работает нормально в Chrome, Firefox

Question

Я создал веб-сайт, на котором я применяю белый цвет фона (#FFF) к своим панелям (div), чтобы добавить эффект прозрачности. Это очень хорошо работает в Chrome и Firefox. Но не работает в Safari. Что я должен сделать, чтобы создать такой же эффект в сафари.

.panel{
    position:relative;
    background-color: #FFF;
    background:#FFF;
    bgcolor:#FFF;
    #safari { background-color:#FFF }
}

Я перепробовал все версии цвета фона (bgcolor, background-color и т. Д.), А также попытался взломать

#safari{
    background-color:#FFF
} 

но никто не работал. пожалуйста помоги. Также теги Link не работают только в IE, но отлично работают в других браузерах.

Answer 1

Белый фон не добавляет прозрачности.

Вы можете попробовать следующее, которое должно работать во всех браузерах:

.my-class {
    background-color: rgb(255,255,255); // White background for old browsers
    background-color: rgba(255,255,255,0.5); // White background, 50% transparency for more modern browsers. Will be ignored by old browsers
}

Answer 2

Этот блог предлагает этот CSS взломать:

# @media screen and (-webkit-min-device-pixel-ratio:0) {
    #safari { background-color:#FFF }
}

Answer 3

Если он показывает разницу в битах с фоновым цветом, просто попробуйте это -

      #safari {
background-color: #fff;
opacity: 1;
}

Answer 4

Попробуй это:

   _::-webkit-full-page-media, _:future, :root .panel {
     background-color:#FFF
  }

Отредактировано: это работает для Safari 7.1+ (в вашем случае 8.0)

Answer 5

Добавить в свой класс

      -webkit-appearance: none;
-moz-appearance: none;
appearance: none;