Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 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, но у меня не вышло - что-то недопонял видно. Может найдется добрый человек и объяснит по-проще или, еще лучше, подправит вышепреведенное. А то я уже видеть это не могу.
Заранее огромное спасибо.
Fedor666 вне форума Ответить с цитированием
Старый 09.04.2012, 21:54   #2
Fedor666
Пользователь
 
Регистрация: 22.02.2010
Сообщений: 71
По умолчанию

Спасибо за сочувствие
Произошла какая-то %№%"!!!
Поменял:
Код:
<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 нигде не используется. Все заработало на всех браузерах
Вопрос к сведующим: а что это было и почему оно сейчас работает?
Fedor666 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Меню сайта не работает в 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