Как грамотно наложить друг на друга два бэкграунда?

мартышон
На сайте с 11.10.2006
Offline
163
3870

Хочу сделать два бэкграунда - один поверх другого. Один repeat-x, градиент для фона; другой repeat-у, тень под таблицу, которая лежит на этом фоне. В голову приходят только самые тупые варианты, типа положить под таблицу еще одну, в которую и засунуть этот второй бэкграунд с тенью. Есть ли какие-то более остроумные способы решения задачи?

Kolyaj
На сайте с 28.03.2006
Offline
69
#1

Если это для таблицы, то один бакграунд можно указать для table, другой для tr (для всех), ну или для tBody, или для td.

Scorpio
На сайте с 04.03.2006
Offline
47
#2

еще вариант один бэкграунд у тблицы, а второй у <div>, который внутри таблицы с шириной и длинной 100%

pelvis
На сайте с 01.09.2005
Offline
345
#3

мартышон, ну тень как раз просто реализуется :) Рисуете полупрозрачную тень на флеше, затем вставляете её с параметром в крайние ячейки тэйбла.... и наслаждаетесь красотой полупрозрачной тенюшки

Продаю вывески. Задарма и задорого (https://www.ledsvetzavod.ru/)
AD
На сайте с 22.08.2006
Offline
7
#4
Scorpio:
еще вариант один бэкграунд у тблицы, а второй у <div>, который внутри таблицы с шириной и длинной 100%

Да, это самый правельный вариант... можно вместо таблици использовать <div>

Последнее время так и делаю, таблтцы в вёрстке в обще перестал использовать!)

мартышон
На сайте с 11.10.2006
Offline
163
#5

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

Только что сделала полупрозрачный градиент в фотошопе, а в гиф его перевести не смогла. Обыдно, однако. А к флешу я даже не знаю, с какой стороны подступиться, никогда с ним дела не имела. Увы...

СКОРПИОН
На сайте с 05.01.2006
Offline
120
#6

мартышон, png-формат (24) поддерживает полупрозрачность.

Но ишак его, естественно, не может отобразить правильно...

• Контекстные ссылки с внутренних страниц навсегда (/ru/forum/370882) • Качественные сайты для заработка на контекстной рекламе и ссылках
Scorpio
На сайте с 04.03.2006
Offline
47
#7

в CSS есть opacity

http://www.tigir.com/opacity.htm

pelvis
На сайте с 01.09.2005
Offline
345
#8

Под Ишака нужно класс сделать .iePNG .iePNG {

filter:expression(fixPNG(this));

}

и скриптик

<script type="text/javascript">


function fixPNG(element) {
if (/MSIE (5\.5|6).+Win/.test(navigator.userAgent)) {
var src;
if (element.tagName=='IMG'){
if (/\.png$/.test(element.src)) {
src = element.src;
element.src = "/blank.gif";
}
}
else {
src = element.currentStyle.backgroundImage.match(/url\("(.+\.png)"\)/i);
if (src){
src = src[1];
element.runtimeStyle.backgroundImage="none";
}
}
if (src) element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
}
}
</script>

Варнинг: когда размещаете скрипт то ссылки не работает.

a.fatman
На сайте с 15.01.2006
Offline
127
#9
pelvis:
Варнинг: когда размещаете скрипт то ссылки не работает.

Вот здесь написано, как сделать, чтобы работали:

http://www.hrunting.org/csstests/iealpha.html

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий