Альфа-канал и непрозрачность в теме Bootstrap - PullRequest
Новая
       26

Альфа-канал и непрозрачность в теме Bootstrap

0 голосов
/ 24 октября 2018

Я пытаюсь перенести управление аккордеоном на аккордеон ui.bootstrap.Большинство элементов, с которыми я имею дело в версии ui.bootstrap, являются классическими элементами панели в vanilla Bootstrap.

Я создал (используя настройщик темы ) css для установки фона, границ ираскраска текста, но я не могу установить непрозрачность в настройщике, и, кажется, это не дает никакого эффекта, когда я устанавливаю его вручную в css.

Я не знаю много о Less.Не поддерживается ли непрозрачность в этих элементах панели из-за конкурирующих или унаследованных стилей, которые я просто не вижу?

В моей теме начальной загрузки CSS я попытался установить такие параметры, как: 

.panel-default > .panel-heading {
  color: #ffffff;
  background-color: #000000b3;
  border-color: #000000;
}

Пример того, чего я пытаюсь достичь, см. Ниже: enter image description here

1 Ответ

0 голосов
/ 26 октября 2018

Проблема здесь заключается в использовании цветовой нотации 8 шестнадцатеричных . 

background-color: #000000b3;

Пока есть поддержка в большинстве современных браузеров (не IE или Edge) это может не распознаваться препроцессорами CSS или некоторыми IDE.

enter image description here

Я быпредложить использовать нотацию RGBA в качестве альтернативы или в качестве запасного варианта. 

background-color: #000000b3; 
background-color: rgba(0,0,0,0.7)

Здесь можно найти удобный конвертер в Переполнение стека - конвертировать 8-значные шестнадцатеричные цвета в цвета rgba?

...