Веб-студия Esty Web studio Esty Каталог статей
» [МЕНЮ]
» [Контакты]
towhorizons@ya.ru
esty666@mail.ru
ICQ#:377947376
» [Поиск]
» [Категории]
CSS [13]
Краткий курс CSS
ХТМЛ [15]
Краткий курс ХТМЛ
» [Вход]
Логин:
Пароль:
» [Работа]
» [Счётчик]

На сайте: 1
Чужаков: 1
Своих: 0


» [Реклама]


free counters

Яндекс.Метрика

Хостинг от uCoz
Главная » Статьи » ХТМЛ и CSS » CSS

CSS прозрачный фон для блока
Code
<head>
<title>Полупрозрачный элемент</title>
<style type="text/css">
div.page {width:450px; height:300px; background:url(../images/beetle.jpg) repeat; border:2px solid #555555}
div.block {width:260px; height:140px; margin-top:79px; margin-left:94px; background-color:#ffffff; border:1px solid #333333
/* Internet Explorer */
filter:alpha(opacity=50);
/* CSS3 standard */
opacity:0.5}
div.block p {margin:47px 0 0 10px; font-weight:bold; color:#000000}
</style>
</head>
<body>
<div class="page">
<div class="block">
<p>Прозрачный фон для блока.</p>
</div>
</div>
</body>

Результат:

CSS прозрачность фона была задана для Internet Explorer и для других браузеров.
Категория: CSS | Добавил: Esty (25.10.2011)
Просмотров: 174 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]