Сделайте непрозрачность в модуле фоном, а не текстом или изображениями

Как мне сделать текст в модуле, на который не влияет прозрачность на белом фоне.

Например, на этой странице.

http://www.webbmaster.com.au/веб-программы /questdesign /index.php /услуги

На этой странице я хотел бы, чтобы текст и 3 изображения не пострадали от непрозрачности только на белом фоне.

1 голос | спросил Kyle 26 Jam1000000amMon, 26 Jan 2015 05:46:30 +030015 2015, 05:46:30

3 ответа


3

В файле template.css replace:

.servpricing {
background: #FFF;
color: #000;
opacity: 0.3;
filter: alpha(opacity=20);
}

с:

.servpricing {
background: #fff; // Left as a fallback for older browsers
background: rgba(255,255,255,.3); // transparent white
color: #000;
}
ответил Seth Warburton 26 Jpm1000000pmMon, 26 Jan 2015 14:31:06 +030015 2015, 14:31:06
2

вы можете использовать этот css только для прозрачных фонов

  

background: rgba (255, 255, 255, 0.7);

ответил COBIZ webdevelopment 26 Jam1000000amMon, 26 Jan 2015 10:49:27 +030015 2015, 10:49:27
1

Чтобы иметь белый фон только с непрозрачностью, используйте следующее:

background: rgba(255, 255, 255, 0.3);
background: url(../images/transparent_white.png) repeat;

255, 255, 255 - значения rgb для белого и 0.3 - уровень прозрачности. Я также включил резервный образ для старых браузеров, которые не поддерживают rgba. Если вы хотите сохранить его, вам, конечно же, придется создать прозрачный png и, возможно, его путь.

Надеюсь, что это поможет

ответил Lodder 26 Jam1000000amMon, 26 Jan 2015 11:15:44 +030015 2015, 11:15:44

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132