Установка непрозрачности в CSS для Chrome - PullRequest
Новая
       16

Установка непрозрачности в CSS для Chrome

4 голосов
/ 18 ноября 2009

Я пробовал следующее:

(на самом деле это для fancybox, поскольку оверлей не отображается в chrome / safari: 

   $("#fancy_overlay").css({<br />
                    'background-color': opts.overlayColor,<br />
                    'opacity': opts.overlayOpacity,<br />
                    '-moz-opacity': opts.overlayOpacity,<br />
                    '-khtml-opacity': opts.overlayOpacity,<br />
                    '-webkit-opacity:' : opts.overlayOpacity<br />
    }).show();

И еще ничего (в chrome / safari)

Что я делаю не так?

1 Ответ

12 голосов
/ 18 ноября 2009

opacity должно работать для chrome / safari / firefox. Синтаксисы -moz и -khtml используются только для поддержки более старых версий этих браузеров.

Я никогда раньше не сталкивался со стилем -webkit-opacity и, похоже, не могу найти никаких документов, в которых говорится, что он существует. Я бы попытался удалить его полностью или исправить там синтаксическую ошибку: от '-webkit-opacity:' до '-webkit-opacity' (без конечного двоеточия).

Если это не сработает, попробуйте напечатать значение opts.overlayOpacity. Убедитесь, что это что-то вроде 0.5, а не 50 или 50%.

...