Не работает меню с AlphaImageLoader:( - HTML и CSS

Fedor666 · 07.04.2012, 07:45

Доброго времени суток

Хочу сделать страничку с растягивающейся фоновой картинкой. Под всеми нормальными браузерами все путем, но дичайший Мелко$офт ИЕ ниже 9-ой версии как обычно всю малину портит

. Для него приходится использовать фильтр AlphaImageLoader, а он содзает дополнительную картинку над элементом, поэтому ссылки не работают. Ссылки не работают ни текстовые, ни скриптовые. Вот что получилось:

Код HTML:

<html>
<head>
<style type="text/css">
html {background: url(background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: white;}
* body {
    background-image: none;
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg',sizingMethod='scale')";
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg',sizingMethod='scale');}
</style>
</head>
<body>
<table cols="3" border="0" cellspacing="0" cellpadding="0" valign="middle">
<tr height="35" onclick="window.navigate('about.html')">
<td width="7" background="menuA.jpg"></td>
<td background="menuB.jpg" align="center">
<b id="m1">О компании</b>
</td><td width="7" background="menuC.jpg"></td></tr>
<tr height="35" onclick="window.navigate('base.php')">
<td width="7" background="menuA.jpg"></td>
<td background="menuB.jpg" align="center">
<b id="m2">База предложений</b></td>
<td width="7" background="menuC.jpg"></td></tr>
<tr height="35" onclick="window.navigate('service.html')">
<td width="7" background="menuA.jpg"></td>
<td background="menuB.jpg" align="center">
<b id="m3">Услуги компании</b></td>
<td width="7" background="menuC.jpg"></td></tr>
<tr height="35" onclick="window.navigate('contact.html')">
<td width="7" background="menuA.jpg"></td>
<td background="menuB.jpg" align="center">
<b id="m4">Контакты</b></td>
<td width="7" background="menuC.jpg"></td></tr>
</table>
</body>
</html>

В интернете порылся, но найденные решения мне не подходят или я их не догоняю. Была прошлогодняя запись, советующая создать div над body, но у меня не вышло - что-то недопонял видно. Может найдется добрый человек и объяснит по-проще или, еще лучше, подправит вышепреведенное. А то я уже видеть это не могу

.
Заранее огромное спасибо.

Fedor666 · 09.04.2012, 21:54

Спасибо за сочувствие

Произошла какая-то %№%"!!!
Поменял:

Код:

<style type="text/css">
html {background: url(background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: white;}
* body {
    background-image: none;
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg',sizingMethod='scale')";
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg',sizingMethod='scale');}
</style>

На:

Код:

body {
	background: url(background.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: white;
}
.fon {
    background-image: none;
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg',sizingMethod='scale')";
   	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg',sizingMethod='scale');}
}

Интересно то, что класс fon нигде не используется. Все заработало на всех браузерах

Вопрос к сведующим: а что это было и почему оно сейчас работает?

07.04.2012, 07:45	#1
Fedor666 Пользователь Регистрация: 22.02.2010 Сообщений: 71	Не работает меню с AlphaImageLoader:( Доброго времени суток Хочу сделать страничку с растягивающейся фоновой картинкой. Под всеми нормальными браузерами все путем, но дичайший Мелко$офт ИЕ ниже 9-ой версии как обычно всю малину портит. Для него приходится использовать фильтр AlphaImageLoader, а он содзает дополнительную картинку над элементом, поэтому ссылки не работают. Ссылки не работают ни текстовые, ни скриптовые. Вот что получилось: Код HTML: <html> <head> <style type="text/css"> html {background: url(background.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: white;} * body { background-image: none; -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg',sizingMethod='scale')"; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg',sizingMethod='scale');} </style> </head> <body> <table cols="3" border="0" cellspacing="0" cellpadding="0" valign="middle"> <tr height="35" onclick="window.navigate('about.html')"> <td width="7" background="menuA.jpg"></td> <td background="menuB.jpg" align="center"> <b id="m1">О компании</b> </td><td width="7" background="menuC.jpg"></td></tr> <tr height="35" onclick="window.navigate('base.php')"> <td width="7" background="menuA.jpg"></td> <td background="menuB.jpg" align="center"> <b id="m2">База предложений</b></td> <td width="7" background="menuC.jpg"></td></tr> <tr height="35" onclick="window.navigate('service.html')"> <td width="7" background="menuA.jpg"></td> <td background="menuB.jpg" align="center"> <b id="m3">Услуги компании</b></td> <td width="7" background="menuC.jpg"></td></tr> <tr height="35" onclick="window.navigate('contact.html')"> <td width="7" background="menuA.jpg"></td> <td background="menuB.jpg" align="center"> <b id="m4">Контакты</b></td> <td width="7" background="menuC.jpg"></td></tr> </table> </body> </html> В интернете порылся, но найденные решения мне не подходят или я их не догоняю. Была прошлогодняя запись, советующая создать div над body, но у меня не вышло - что-то недопонял видно. Может найдется добрый человек и объяснит по-проще или, еще лучше, подправит вышепреведенное. А то я уже видеть это не могу. Заранее огромное спасибо. Друзья бывают близкие, далекие и недалекие...

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Меню сайта не работает в IE	Ru0208	HTML и CSS	1	01.04.2012 03:25
не работает меню IE8	violettta	HTML и CSS	0	21.11.2011 01:25
Jquery Меню не работает в IE6,7	faustaka	JavaScript, Ajax	0	23.04.2011 12:14
проблемы с css? не работает меню в опере	jikonast	HTML и CSS	1	16.10.2010 16:26
Ниспадающее меню. Работает только в firefox!	_PROGRAMM_	JavaScript, Ajax	0	20.12.2009 20:30