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

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

(на самом деле это для 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();

И все равно ничего (в хроме/сафари)

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


google-chrome css opacity
person dell    schedule 18.11.2009    source источник

Ответы (1)


arrow_upward
12
arrow_downward

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

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

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

person Chris Van Opstal    schedule 18.11.2009
comment
Конечно, я думал, что 50% будут эквивалентны 0,5, но ваш комментарий сэкономил мне время. ;) - person lapo; 11.06.2011