Есть таблица большого размера, в ней в определенном месте должен быть размещен прозрачный PNG-бэграунд.

С мозиллой и оперой все просто, они прозрачность пнг поддерживают автоматом. С эксплорером не выходит.

Метод, который использован сейчас:




Бэграунд в IE получается прозрачным, но размещается слева. А должен быть в центре.

Разместить в таблице див-элемент и задать бэграунд в нем нельзя.

Есть ли способ решить задачу?


Это сообщение отредактировал(а) AtaL - 1.12.2006, 12:31

А наоборот - разместить таблицу в див-элементе?

Не выйдет.

Там фишка в том, что есть куча вложенных друг в друга таблиц, в каждой - бэграунд, и при растягивании страницы предметы в бэграундах перемещаются друг относительно друга, в том числе и перекрывая друг друга.

Полный текст примерно такой:

<table [background - center]>
      <td width 60% [background -  right]>
             <table width 40% [background -  right]>
                     <table width 40% [background -  right]>
      <td width 40% [background -  left]>
             <table width 40% [background -  left]>
                     <table width 40% [background -  left]>
</table>

Общая концепция - предметы перемещаются по столу, сохраняя некую точку схода в перспективе.

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

AtaL, я имел в виду следующее: внешняя таблица с прозрачным фоном находится в диве того же размера, имеет position:relative и z-index: 2, внутри нее все остается по-старому. В тот же внешний div вложен другой div с png-фильтром, position:absolute (относительно внешнего div-а), z-index:1 и пересчитывамыми при ресайзе таблицы и, соответственно, внешнего div-а, координатами. Поскольку все будет происходить только под IE, имхо можно вынести это все в htc и подключать как стиль на таблицу...

Не вышло. Но способ добиться своего мы таки придумали, так что тему закрываю. В любом случае спасибо