IE6/IE7中text-indent对input背景的影响

来源:互联网 发布:怎么登陆自己的淘宝店 编辑:程序博客网 时间:2024/04/29 05:33

       在表单中的提交(type=submit)和重置(type=reset)按钮,有时我们为了美化,而使用背景图片,考虑到SEO因素,按钮的 value值不能为空,但又不能在页面上显示出来。这时就可以用text-over:-200em;overflow:hidden;来隐藏了。这时问题就出现了,在IE6/IE7中背景图片也和文字一块被隐藏了。

解决办法也是一样的。就是给按钮设置display:block或者设置float:left|right来实现 display:block。

<input type="submit" class="submit" value="提交" />
<style type="text/css">
.submit{
display:block;/*或者float:left|right*/
width:150px;
height:30px;
overflow:hidden;
background:url(submit.gif) no-repeat left top;
text-indent:-100em;
}
</style>
由此推断IE6/IE7中input的实现和inline-block类似null
原创粉丝点击