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

Вопрос: Я сделал сайт, на котором я применяю белый цвет фона (#FFF) к моим панелям (div), чтобы добавить эффект прозрачности. Это очень хорошо работает в chrome & firefox. Но не работает в Safari. Что мне делать, чтобы создать тот же эффект в сафари. .panel{ position:relative; background-color: #FFF; background:#FFF; bgcolor:#FFF; #safari { background-color:#FFF } } Я

Вопрос:

Я сделал сайт, на котором я применяю белый цвет фона (#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, но отлично работают в других браузерах.

Лучший ответ:

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

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

.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 } Ответ №1

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

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

Отредактировано: это работает для сафари 7. 1+ (в вашем случае, 8.0)

Ответ №2

Это сообщение в блоге предлагает этот CSS-хак:

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

Оцените статью
Добавить комментарий