{ hide_text } CSS文字隐藏总结报告（2）
作者：tracy2 来源：蓝色理想 发布时间：2010-06-13 17:19:00
标签：隐藏,CSS,文字
兼容性：
优点：
方便、快捷
不希望屏幕阅读器读取的内容可以使用visibility
缺点：
超链接不适用
图片替代文本需要其他标签的背景
3. 体验损失：text-indent负值
代码片段：
(x)HTML
<p class="hide_tex"><a href="#">我是打酱油的超链接一号</a></p>
<a class="hide_tex_span" href="#"><span>我是打酱油的
超链接二号</span></a>
<!--全英文字符在IE下不能被隐藏 -->
<input class="hide_tex_input" type="submit" />
<input class="hide_tex_input" type="submit" />
<button class="hide_tex_input">我是打酱油的文本
btn</button>
CSS
.hide_tex a, .hide_tex_span{
text-indent:-32767px;
display:block; /* text-indent适用块状元素中行内元素和
文本节点 */
/* 演示需要 */
width:200px;
height:20px;
margin-left:300px;
background-color:#ccc;
/* outline:none; 不建议隐藏outline，键盘流选手无法操作 */
}
.hide_tex_input{
text-indent:-32767px;
width:200px;
height:50px;
display:block;
}
兼容性：
优点：
适用超链接的图片替代
缺点：
FF的虚边问题
text-indent容易产生bug
0
投稿猜你喜欢
- 107条javascript(js)常用的方法技巧，十分的实用，相信看了下面的这些js编程技巧和方法，能够给javascript初学者解决很
- 上次介绍了Access 导入 MSSQL 2000/2005 数据库工具，不过，在使用这个工具时还是有一些地方需要注意的，我把整个导入过程记
- 我们的每期话题，团队在内部都会通过邮件进行一番讨论，随着讨论的激烈，往往能碰撞出很多有意义的观点，因此，将讨论内容分享出来，有兴趣的朋友可以
- 作者：Henny Swan / co-lead of WaSP ILG译者：JunChen / member of WaSP ILG原文：h
- 先看一个实例这是我用asp写的一个搜索一个字符串里面第一张图片地址的函数（当然你可以将values那里换一个得到所有图片地址）functio
- 比如可以定义开学时间为2009年2月8日，然后程序可以算出，今天距开学那天已经是第几周，非常急需这个程序，忘高手们能提供一个，先谢谢了！自己
- 在Https页面中，如果iframe所引入页面是非https协议的页面，或者src属性不存在都可能导致浏览器弹出安全警告。本人在网上查找相关
- 下面两个函数实现了对字符串中数字的判断。function isnaw(str) f
- 问：如何给导入文件加上时间戳标记?答：请参考下文中介绍的两种方法：1.在DOS下从系统获得时间戳利用Dos命令取得时间戳:C:\>ec
- 代码如下：<％ myDSN="DSN=xur;uid=xur;pwd=xur"mySQL="s
- 在ASP中，为什么有时候刷新页面后，重新执行ASP代码时就连不上数据库了？这种情况一般发生在动态IP分配中，由于ASP连接数据库是定时的，默
ASPJPEG组件是Persits出品的共享软件，试用期为30天，您可以在这里下载：http://www.persits.com/aspjp- char、varchar、text和nchar、nvarchar、ntext的区别1、CHAR。CHAR存储定长数据很方便，CHAR字段上的
- 声明定位元素：position属性值设置除默认值static以外的元素，包括relative，absolute，fixed。平台：win/I
- 人类学是关于人的研究；社会人类学（social anthropology）是研究人类社会的学科。社会人类学还可以理解成“文化翻译”（the
- 曾有位网友遇到这样一个问题：产品名称为“A&T Plastic”，在产品列表中需要做这样的超链接，<a href="
- 学习目的： 掌握文本框的用法 初次接触try…catch…语法 今天内容很轻松，用一个例子，输入年月日，判断输入是否正确 图片如下： 用个
- 问题：如何用ASP实现点击数统计？比如我要实现某篇文章被浏览一次就增加一个点击数，该怎么做?回答：就是说，比如，你的页面是：shownews
- 要开发一个基于数据库的应用系统，其中最关键的一步就是整个系统所依据的数据库的建模设计，从逻辑的到物理的，一个环节疏于设计，整个的应用系统便似
- Facebook的网站速度做为最关键的公司任务之一。在2009年，我们成功地实现了Facebook网站速度提升两倍 。而正是我们的工程师团队
