Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.05.2010, 14:23
Аватар для chippolino
Аспирант
Отправить личное сообщение для chippolino Посмотреть профиль Найти все сообщения от chippolino
 
Регистрация: 24.04.2010
Сообщений: 79

background-position
Ребят, подскажите пожалуйста почему этот фрагмент не работает в IE:

<style type="text/css">
#img {
	background:url('http://aext.net/wp-contents/uploads/2009/08/sprites.png');
	width:55px;
	height:54px;
	overflow:hidden;
}
#img:hover {
	background-position:0 -58px;
}
</style>

<div id="img"><!-- этот пример можно скопировать и посмотреть --></div>


... и самое главное, как сделать чтобы заработало??
Спасибо.

Последний раз редактировалось chippolino, 04.05.2010 в 14:31.
Ответить с цитированием
  #2 (permalink)  
Старый 04.05.2010, 14:45
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

В IE :hover работает только на ссылках.
Ответить с цитированием
  #3 (permalink)  
Старый 04.05.2010, 14:51
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,587

В ie6 hover работает только на ссылках.
Сделать чтобы заработало - скриптами.
Ответить с цитированием
  #4 (permalink)  
Старый 04.05.2010, 15:06
Аватар для Shaci
:-/
Отправить личное сообщение для Shaci Посмотреть профиль Найти все сообщения от Shaci
 
Регистрация: 28.09.2009
Сообщений: 1,126

Вот к примеру, небольшой миникурс по созданию CSS меню,
http://www.zvirec.com/view_post.php?id=72
там есть скриптик для ie6.
Ответить с цитированием
  #5 (permalink)  
Старый 04.05.2010, 19:05
Аватар для chippolino
Аспирант
Отправить личное сообщение для chippolino Посмотреть профиль Найти все сообщения от chippolino
 
Регистрация: 24.04.2010
Сообщений: 79

Всем спасибо!!!
Вот что получилось:
<style>
#img, #img a {
	background:url('http://aext.net/wp-contents/uploads/2009/08/sprites.png');
	width:55px;
	height:54px;
	display:block;
	text-indent:-100em;
}
#img:hover, #img a:hover {
	background-position:0 -58px;
}
</style>
<div id="img"><a href="http://google.com"target="_blank"></a></div>

Последний раз редактировалось chippolino, 04.05.2010 в 19:20.
Ответить с цитированием
  #6 (permalink)  
Старый 11.05.2010, 14:34
Аватар для B~Vladi
Модератор Всея Форума
Отправить личное сообщение для B~Vladi Посмотреть профиль Найти все сообщения от B~Vladi
 
Регистрация: 14.05.2009
Сообщений: 4,021

Сообщение от Aetae
Сделать чтобы заработало - скриптами.
http://www.cssplay.co.uk/menus/dropdown.html
http://www.cssplay.co.uk/menus/flyoutt.html
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не работает position: absolute bayah Общие вопросы Javascript 24 29.04.2010 18:18
position fixed в IE6 sdff Общие вопросы Javascript 24 27.01.2010 15:16
ui sortable and save position czar jQuery 1 20.06.2009 17:30
Background - срочно! DiGiTaLLL Работа 1 20.03.2009 15:05
background image, справочник igor1102828 Элементы интерфейса 2 23.03.2008 18:53