衡水网站建设,衡水网络公司,衡水做网站,衡水网站制作,安平网站建设,安平网站优化,冀州网站建设,武强网站建设,衡水做网站的公司

我们是技术出身,不擅长花言巧语
我们只专心为客户提供实实在在、看得见的技术与服务!

seo学习

无限互联 无尽商机 成就你我 传递价值!

Unlimited Internet endless business opportunities to achieve your value to me!首页  »  新闻中心  »  seo学习

利用css text-indnet:-9999px样式把"搜索"按钮用图片代替

来源:http://www.baisoubao.cn/  发布者:网站建设 发布时间:2012-6-6 11:06:59 浏览量:

 问:
请教衡水网站建设一个关于buttonr的问题,大家看一下淘宝网首页顶部的搜索代码中:
<button type="submit" class="tsearch-submit">搜索<b class="rc-rt"></b><b class="rc-rb"></b></button>
为什么文字“搜索”没有显示出来,只是显示了图片搜索按钮。
是怎么实现把文字“搜索”隐藏起来,用图片按钮代替呢?

答:
text-indnet:-9999px;*text-indent:0;*line-height:999em;overflow:hidden;//要注意overflow
假如高度是30px宽度是100px的按钮
width:100px; hieght:0; padding-top:30px; overflow:hidden; background:url();

问:
加*的css我记得是为了ie7的,不过我这边只用text-indent:-9999px;在ie7下显示也正常啊,为啥要加这俩属性呢?

答:
ie7、ie6下 作行内元素处理的元素 内容会随着text-indent隐藏
你说的没问题 应该是声明过display:block;
很多时候 按钮按块级元素处理的话 会引发一些不必要的麻烦
但是这不绝对 因情况而定


(转载请注明转自:http://www.chaofan.biz 谢谢!)
  • 60天打造网络营销的主战场!

    专业独家定位策划;三站合一网络营销系统助力更多的关键词上百度首页!

  • 180天快速见效

    专业营销人员协助客户进行网络推广有效快速提升网站转化率,180天快速见效!

  • 打破潜规则,帮你打造团队!

    为您打造一支高效率网络营销运营团队,让你自主操盘网络营销!让你的网络营销真正落地!

  • 7*24小时售后服务保障

    云商衡水网站建设团队将以专业的态度,为您提供100%的专业服务!
    网站有问题3分钟内即可作出反馈