Позиция IE9, отрицательный запас

Я хочу поместить значок справа от ввода, чтобы сделать его похожим на комбо. Я должен использовать относительную позицию, потому что это должен быть полный код. И я напишу плагин jquery и использую его везде.Позиция IE9, отрицательный запас

Это мой код. Firefox и chrome показывают это правильно, но IE-9 имеет проблемы. Если я сделаю значок margintop -15px, он немного опустится, и если я сделаю это -16px, он переместится в начало ввода.

И вы можете увидеть его здесь http://mrp.brove.net/explorer_relative.php

Как я могу решить эту проблему?

<!DOCTYPE HTL> 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8"> 
<meta name="robots" content="noindex, nofollow"> 
<meta name="googlebot" content="noindex"> 
<meta http-equiv="cache-control" content="no-cache"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
</head> 

<body> 
<div style="width:50%; position:relative; top:0; left:0; height:0; background-color:#ccc;"> 
    <input class="rounded" type="text" style="width:100%;"> 
    <img src="images/combo_sec.png" style="position:relative; z-index:2; float:right; margin-top:-16px; padding-right:5px;" /> 
</div> 
</body> 
</html>

источник

2012-04-24 FURKAN ILGIN

Почему бы вам не использовать top:-value; я думаю, что это будет полезно для вас

, если вы хотите использовать margin-top использовать только это для IE9

margin-top/*\**/:-16px\9; и другие браузеры, как у дали ,

Возможно, это поможет вам.

источник

2012-04-24 11:44:25 Sam

i не используем верх. потому что, когда я использую его, пространство (пространство значка) просматривает нижнюю часть ввода. поэтому я не могу положить новый элемент возле нижней части ввода. –

Какой вид колдуна это?!? 'margin-top/* \ ** /: - 16px \ 9;' работал для меня! @Sam вы могли бы объяснить это? – Kovah

ответ

Смежные вопросы