IE7部分标签(span、input )设置text-indent:-9999px后不在相应位置显示
内容摘要
在给如span input 这样的标签设置css样式为text-indent:-9999px时，会出现“没影”的效果，代码如下
复制代码代码如下:
<div>
<ipunt style="text-indent:-9999p
复制代码代码如下:
<div>
<ipunt style="text-indent:-9999p
文章正文
在给如span input 这样的标签设置css样式为text-indent:-9999px时，会出现“没影”的效果，代码如下
<div>
<ipunt style="text-indent:-9999px;background-image:url(a.jpg)" >
</div>
处理方式：
input:
<div>
<ipunt style="text-indent:-9999px;background-image:url(a.jpg)" >
</div>
span:
<style>
span{text-indent:-9999px;background-image:url(a.jpg)}
</style>
<div>
<span>微软雅黑1</span>
<span>微软雅黑2</span>
<span>微软雅黑3</span>
</div>
很简单的一个方法：在标签前后加
复制代码
代码如下:<div>
<ipunt style="text-indent:-9999px;background-image:url(a.jpg)" >
</div>
处理方式：
input:
复制代码
代码如下:<div>
<ipunt style="text-indent:-9999px;background-image:url(a.jpg)" >
</div>
span:
复制代码
代码如下:<style>
span{text-indent:-9999px;background-image:url(a.jpg)}
</style>
<div>
<span>微软雅黑1</span>
<span>微软雅黑2</span>
<span>微软雅黑3</span>
</div>
很简单的一个方法：在标签前后加
代码注释
作者：喵哥笔记
