VPF::Прозрачность блока - Форум программистов

MoLeX

Дата 26.11.2010, 14:28 (ссылка)

(нет голосов)

Загрузка ...

Местный пингвин

Профиль
Группа: Модератор
Сообщений: 4076
Регистрация: 17.5.2007

Репутация: нет
Всего: 140

Привет.

Есть у меня прозрачный блок, а в нем еще один с текстом. Но, к тексту тоже применяется прозрачность. Для IE6 проблему решил с помощью position: relative; а для других браузерах не как smile

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title></title>
<style>
body {
    background-color:#e3e3e3;
    font: 12px/18px Calibri, Arial, Tahoma, Verdana, sans-serif;
    width: 90%;
    height: 100%;
}
#bloktext {
    opacity: 0.61;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=61);
    filter: alpha(opacity=61);
    min-height:500px;
    height:auto !important;
    height:500px;
    overflow:hidden;
    background-color:#fff;
}

#text {
    width:680px;
    font-size:13px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    position:absolute;
    padding-left: 10px;
    padding-right: 10px;
}
</style>
</head>

<body>

<div id="bloktext">
    <div id="text">Текстовый блок. Текстовый блок. Текстовый блок. Текстовый блок. </div>
</div>

</body>
</html>

--------------------

Amazing

ksnk

Дата 26.11.2010, 15:08 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Если не менять верстку - не накладывать текст на полупрозрачный блок, то решением может быть полупрозрачный бякграунд - полупрозрачная png в качестве фона. Для IE <7 такое решение не подойдет, но фильтры справятся ;)

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

MoLeX

Дата 26.11.2010, 15:13 (ссылка)

(нет голосов)

Загрузка ...

Местный пингвин

Профиль
Группа: Модератор
Сообщений: 4076
Регистрация: 17.5.2007

Репутация: нет
Всего: 140

а по другому не как?

--------------------

Amazing

ksnk

Дата 26.11.2010, 16:25 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

статья на хабре.
По ходу, больше вариантов нет.

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »