проблемы с ie

ant · July 28, 2011

Здравствуйте, помогите пожалуйста этот ie меня когда-нить точно доконает)

Гуглила смотрела на форумах ответа не нашла(

Если вкратце, то есть некие кнопки выбора при нажатии на которые открывается всплывающий список с выбором (например месяцев), только в ie когда пройдешься по списку и выберешь какую то позицию кнопка не возвращается в исходное положение, а остается светиться как будто на ней до сих пор :hover, это однозначно баг ie, потому что я убрала весь js сам список и т.д. ошибка осталась( Можете попробовать сами...нажмите на кнопку и не отпуская отведите мышку куда-нить в сторону потом отпустите кнопка будет как будто под :hover

Имеется код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>TEST</title>
		<style type='text/css'>			
			.Chooser button{
				color: black;
				background: transparent;
				border-color: transparent;
				border-width: 1px;
				vertical-align: 2px;
				text-align: center;
				width: 10px;
				height: 20px;
				font-size: 12px;
			}
			.Chooser button:hover{
				border-color: #B0B0B0;
				border-style: solid;
				background-color: #B0B0B0;
			}
			.Chooser button:focus{outline: medium none;}
			.Chooser button:active{
				border-style: inset;
				background-color: #D0D0D0;
				color: black; 
			}
		</style>
	</head>
	<body>
		<span class="Chooser">
			<button>‹</button>
			<span style="width: 10.8ex;">January</span>
			<button>›</button>
		</span>
	</body>
</html>

Скорее всего виноват тег <button> но избавиться от него нельзя( html должен оставаться без изменений, т.к. это некий шаблон.

Надеюсь на помощь)))

p.s. наблюдала эту картину в ie8, но подозреваю что в ранних версиях то же самое.

Edited July 28, 2011 by ant

бешша · July 28, 2011

у меня приведенный код работает и в ie7 и в ie8

ant · July 29, 2011

у меня приведенный код работает и в ie7 и в ie8

а вы пробовали нажать на кнопку и увести мышку а потом отпустить??? проблема в том что при этом кнопка остается гореть.....

Great Rash · July 29, 2011

А не надо так делать Была у меня такая проблема - лично я забил. Как-то у IE ховер с фокусом завязан. Попробуйте прописать ссылке нечто такое:

<a href="#" onmouseout="this.blur();">
  типа ссылка
</a>

По идее проблема пропадет. Но это все равно извращение.

ant · July 29, 2011

А не надо так делать Была у меня такая проблема - лично я забил. Как-то у IE ховер с фокусом завязан. Попробуйте прописать ссылке нечто такое:
<a href="#" onmouseout="this.blur();">
  типа ссылка
</a>
По идее проблема пропадет. Но это все равно извращение.

Если обернуть в тег <a> то конечно проблема пропадает и я бы давно так сделала и забыла все это как страшный сон) но этот вредный код кусочек очень большого кода сгенерированного наполовину js наполовину xml и соответственно повторяющийся неоднократно в других местах где он не вызывает проблем.....и при замене на <a> возникают другие неприятные вещи которые оч не хотелось бы исправлять))) поэтому я и заморочилась именно решить проблему в лоб........

просто может существует какой-то волшебный скрипт который эту багу лечит??? :rolleyes:

и забить не могу потому что пользователь в данном случае обязательно должен будет "нажать-отвести-отпустить"

p.s. csshover.htc все равно что мертвому припарка(((

Great Rash · July 29, 2011

Зачем менять что-то на <a>? Я не это имел в виду. Просто поставьте контейнеру onmouseout="this.blur();"

ant · July 29, 2011

Зачем менять что-то на <a>? Я не это имел в виду. Просто поставьте контейнеру onmouseout="this.blur();"

я поняла, не помогает

Зачем менять что-то на <a>? Я не это имел в виду. Просто поставьте контейнеру onmouseout="this.blur();"

Спасибо огромное)))) :yahoo: :yahoo: :yahoo: :yahoo: вы меня натолкнули на мыслю)))) теперь работает))))добавила к тегу следующее


 <span class="Chooser">
			<button onmouseout="runtimeStyle.background = '#fff'; runtimeStyle.border = '#fff';">‹</button>
			<span style="width: 10.8ex;">BUTTON</span>
			<button onmouseout="runtimeStyle.background = '#fff'; runtimeStyle.border = '#fff';">›</button>
		</span>

кстати для тех кто столкнулся с той же проблемой надо еще прописать onmouseover и вынести в отдельный скрипт

Justnewone · July 29, 2011

чуйствую, что если указание высоты убрать - заработает. У ИЕ ховер с хезлайетом не совсем але.

Sign In

проблемы с ie

Question

ant

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

бешша

Link to comment

Share on other sites

ant

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

ant

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

ant

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information