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。<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中text-indent对input背景的影响
- IE6,IE7下text-indent消失问题
- input 按钮背景,在IE6 IE7中不显示
- IE6,IE7下text-indent为负值的时候 line-block不起作用。
- 当inline-block和text-indent遇到IE6,IE7
- text-indent在ie6下input发生位移
- IE8/9下,text-indent对css描绘三角形的影响
- IE6 BUG诡异的行内替换元素设置浮动并设置text-indent:xx px 影响相邻元素布局
- 对ie6的影响
- ie6 ie7中input标签隐藏边框
- 关于IE6,IE7对元素的解析对Flash的影响
- ie6下text-indent带来的一个bug
- text-indent在360中对其后的div造成缩进10px效果
- ie6 ie7中input标签隐藏边框(border:none与border:0的异同)
- css 对IE6.IE7.FF的不同
- RT8003: 'text-align' 特性在 IE6 IE7 IE8(Q) 中可以影响块级元素的对齐方式,并且在所有浏览器的混杂模式中均不能被 TABLE 元素继承
- a标签中正确的使用text-indent
- IE 的 text-indent Bug
- Minesweeper
- 【转载】35 个你也许不知道的 Google 开源项目
- 继承的关系图!
- 笔记:从“字母+数字”类型的字符串中求出数字段的个数。
- 最短路径算法案例测试
- IE6/IE7中text-indent对input背景的影响
- junit如何测试没有返回值的方法
- 用ndk编译ace在android上运行
- 如何结合使用 Subversion 和 Eclipse
- 用户 'sa' 登录失败。 (Microsoft SQL Server,错误: 18456)
- const在类成员函数中的作用
- Magento以手机号和密码登录简介
- 利用dos编写能生成EXE文件,并运行该文件,显示结果为:HOW ARE YOU。
- javascript 数组克隆