VPF::Полупрозрачный фон в таблицах

3,14

Дата 13.12.2008, 21:17 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1614
Регистрация: 18.6.2004
Где: Н. Новгород

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

На данный момент у меня в строках таблицы выставлен цвет фона, так же выставлен цвет фона у самой таблицы. А вот как сделать чтоб заливка была не сплошной, а полупрозрачной? (Там есть watermark на странице, хотелось бы чтоб его было видно).

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

Может быть, это только мой бред,
Может быть, жизнь не так хороша,
Может быть, я не выйду на свет,
Но я летал, когда пела душа...

Nikol

Дата 13.12.2008, 21:51 (ссылка)

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

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 123
Регистрация: 5.4.2006
Где: Берег Черного мор я

Репутация: 2
Всего: 4

По-моему из-за IE это проблема. Можно попробовать сделать фон не цветом, а png картинкой и применить фильтры для IE. Вот первая попавшаяся статья на эту тему. А цветом - наверное никак, свойство opacity в IE не работает.

Добавлено через 3 минуты и 4 секунды
Хотя вот здесь в примечании пишут

Цитата

Internet Explorer для изменения прозрачности использует фильтры, для этого браузера следует записать filter: alpha(opacity=50), где параметр opacity может принимать значение от 0 до 100.

Попробуйте.

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

Я не волшебник, я только учусь.

3,14

Дата 14.12.2008, 10:08 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1614
Регистрация: 18.6.2004
Где: Н. Новгород

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

Пока попробую с PNG. Opacity мне не подходит. Я хочу чтоб прозрачным был только фон, а текст оставался нормальным.

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

bars80080

Дата 14.12.2008, 11:33 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

в ИЕ ты png на прямую не победишь. там приходится накладывать скрипт, который будет заменять фон из пнг на два слоя - верхний слой с контентом, второй нижний с filter:alpha который даёт полупрозрачность

3,14

Дата 14.12.2008, 13:16 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1614
Регистрация: 18.6.2004
Где: Н. Новгород

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

Хм, с PNG еще возникла проблема другого свойства.
Дело в том что у таблицы свой background, у строк свой. И они накладываются друг на друга :(

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

Nikol

Дата 14.12.2008, 14:50 (ссылка)

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

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 123
Регистрация: 5.4.2006
Где: Берег Черного мор я

Репутация: 2
Всего: 4

bars80080, так ведь не напрямую, я же дала ссылку на статью с фильтром.

3,14, а вам нужны имено два фона может один убрать тогда?

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

Я не волшебник, я только учусь.

3,14

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

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

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1614
Регистрация: 18.6.2004
Где: Н. Новгород

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

Да нет, просто я не знаю как применить один фон к головной колонке и границам, а другой непосредственно к строкам...

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

Nikol

Дата 14.12.2008, 16:54 (ссылка)

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

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 123
Регистрация: 5.4.2006
Где: Берег Черного мор я

Репутация: 2
Всего: 4

А, в этом смысле, вам наоборот нужно два фона. Я попробовала, ну у меня ничего не вышло. Вижу только один вариант. Сделать таблицу с основным фоном, и в каждой ее строке одная ячейка с отступами, в которую запихиваем таблицу с воном строки, растянутую на 100%, и уже в этой таблице ваш текст. Вот мой пример:

Код


<style type="text/css">
.main {
  background:#FBDFB6 url(../uploads/categories_image/category_1.png) repeat left top;
}
.main td {
  padding:10px; 
}
.row {
  background:url(../images/login_input_bg.png) repeat left top;
}
</style>
<table class="main" width="200" cellpadding="0" cellspacing="0">
  <tr>
    <td><table class="row" width="100%" cellpadding="0" cellspacing="0">
      <tr>
        <td>здесь текст</td>
        <td>456</td>  
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table class="row" width="100%" cellpadding="0" cellspacing="0">
      <tr>
        <td>здесь текст</td>
        <td>456</td>  
      </tr>
    </table></td>
  </tr>
 </table>

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

Я не волшебник, я только учусь.

WebMast

Дата 4.1.2009, 13:38 (ссылка)

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

Загрузка ...

Front-end developer

Профиль
Группа: Участник
Сообщений: 105
Регистрация: 1.1.2009
Где: Беларусь

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

Почему opacity не подходит? Есть решение, как сделат прозрачным только фон!
topic-242197

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

Личный Блог Евгения ЖлобоРасширение vkleaner для Google Chrome

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