Ответ 1
Измените background-color
вместо изменения opacity
.well {
background-color: rgba(245, 245, 245, 0.4);
}
С уведомлением о том, что значение 245
происходит от стандартного background-color
класса .well
: #F5F5F5
.
Я попытался сделать полупрозрачный бутстрап, добавив opacity:0.4
, но это приводит к получению текста полупрозрачным. Есть ли способ сделать полу прозрачным, не теряя при этом прозрачность.
Измените background-color
вместо изменения opacity
.well {
background-color: rgba(245, 245, 245, 0.4);
}
С уведомлением о том, что значение 245
происходит от стандартного background-color
класса .well
: #F5F5F5
.
Там есть отличный способ сделать это.
Вы можете сделать это, используя rgba
и 'background-color` следующим образом:
.well{
background-color: rgba(255,255,255,0.4); // I don't know the .well color, so I used white as example
}
где 0.4
- непрозрачность и 255 255 255 цветовых кодов в rgb.
Подробнее о rgba: