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; 和其他浏览器如u给了。

可能会帮助你。

来源

2012-04-24 11:44:25 Sam

我不使用顶部。因为当我使用它的空间（图标的空间）正在查看输入的底部。所以我不能把一个新的元素靠近输入的底部。 – 2012-04-24 12:13:10

这是一种什么样的巫术？！？ 'margin-top/* \ ** /： - 16px \ 9;'为我工作！ @你可以解释一下吗？ – Kovah 2015-09-18 11:53:28

IE9位置相对，负边距

回答

相关问题