Добро пожаловать на сайт <БагБД>, где вы можете задавать вопросы о программировании и разработке на Битрикс и Битрикс24, и получать быстрые и квалифицированные ответы от профессионалов!

Прозрачный слой

00 голосов
4
Добрый день. подскажите, может кто сталкивался.
Есть картинка на фон, делаю таблицу на абсолюте, которая накладывается на картинку. Таблица имеет белую заливку, можно ли сделать чтобы она имела прозрачность скажем 90%, чтобы часть картинки просвечивалась?
Либо это придется делать в фотошопе, кадрировать и вставлять
Спасибо
спросил 26 Янв, 14 от Kania (5,180 баллов)

4 Ответы

00 голосов
Можно, проблема только в том, что в разных браузерах это реализовано по-разному.
ответил 26 Май, 14 от krivedko (500 баллов)
00 голосов
Код

<html>
<head>

<style type="text/css">

body
{
   background:url(http://bitrixtemplates.ru/images/top_bg_1.gif);
}


#table-transparent
{
   background:white;
   left:35%;
   top:0;
   opacity:0.7;
   filter:alpha(opacity=70);
   -moz-opacity:0.70;
   position:absolute;
   z-index:100;
   width: 400px;
   height:200px;
}

</style>

</head>

<body>
<table id="table-transparent">
<tr>
   <td>Text</td>
</tr>
</table>

</body>
</html>
ответил 23 Сен, 14 от Sazragore (500 баллов)
00 голосов
Цитата
Можно, проблема только в том, что в разных браузерах это реализовано по-разному.


хотелось бы конечно для всех, но если это не возможно, наверно надо на IE ориентироваться и Мозиллу. Будут ли какие-нибудь изменения в мозиле?
Спасибо
ответил 27 Янв, 15 от Kania (5,180 баллов)
00 голосов
Цитата
Антон Герасимюк пишет:
opacity:0.7;
filter:alpha(opacity=70);
-moz-opacity:0.70;


Предложенное Антоном решение должно работать в ИЕ, мозилле и опере. Насчет сафари не уверен
ответил 11 Май, 15 от krivedko (500 баллов)

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

0 голосов
3 ответов
спросил 30 Ноя, 13 от dito1 (160 баллов)