CSS隐藏网页文字的几种常用方法


display:none:它可以使包括容器本身在内的东西都消失,简便且有效,但它有两个耳熟能详的缺陷,那就是对搜索引擎不友好,且被屏幕阅读器所忽略。

text-indent:-9999px:text-indent是首行缩进,所以对于多行文本,若单独使用它就有明显的不足,需加上white-space:nowrap;来弥补不足,但还有一个问题:物理空间仍然存在,故还需设置line-height:0;或使用超小字体(在IE下有点BUG),最终代码如下:

以下为引用的内容:
.texthidden{
 text-indent:-9999px;
 white-space:nowrap;
 line-height:0;
}

overflow:hidden:

这是一个比较合理且我最喜欢的方法(网页教学网站长注),具体代码如下:

以下为引用的内容:
.texthidden{
 display:block;/*统一转化为块级元素*/
 overflow:hidden;
 width:0;
 height:0;
}

positon:absolute:

用绝对定位将其推出可视区,不过虽然可视性不存在,但仍占据物理空间,与隐藏文字的宗旨相背

以下为引用的内容:

.texthidden{
 positon:absolute;
 margin-top:-9999px;
 margin-left:-9999px;
}



相关阅读:
用jquery实现下拉菜单效果的代码
让网页上的字符掉下来
php设计模式 Template (模板模式)
一个多次搜索+多次传值的解决方案
jQuery 加上最后自己的验证
学习ExtJS Panel常用方法
不要忘了为你的JavaScript命名
javascript实例 “飞舞”特效
生成目录树结构的类
脚本编程 4 驱动器
Atlas中有趣且无用的功能:Sys.UI.Window类
IE bug table元素的innerHTML
Asp.Net 和 AJAX.Net 的区别
array_multisort实现PHP多维数组排序示例讲解
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 四季歌——秋_9328字 四年级命题作文500字 生活中的美 高三学生满分作文600字 小学六年级作文650字:我最喜欢的人 学校新年致辞 新任幼儿园教师述职报告(简单实用) 专业认知实习报告 向抗震救灾英雄少年学习作文300字 父亲·背影作文700字 同韩员外宿云门寺·小岭路难近 珍惜你所拥有的,让我们一起来守护亲情吧 作文700字 二年级抒情作文:堆雪人 有爱的日子 父亲的节日作文250字 读《桥下一家人》有感 那爱,温暖作文1000字 幼儿教师随笔:抬头看蓝天 假如我有一双翅膀作文800字 2015街道双拥个人工作总结 关于中国资本主义产生历史条件的三个方面(三) 拜师 、带我连口才 后悔药作文900字 数字语言作文750字 从今天起 第一次打麻药作文 邯郸南亭观妓 《喜羊羊与灰太狼》续集作文500字 亚运城市志愿者心得 不能采摘的“花儿” 关于描写桥的作文 最新版工程测量实习报告格式 回家 我的家乡—舟山 我爱这方热土 仰望生命之树作文 生命之源——水作文800字 最新羊年情人节祝福语短信 关于中秋的诗句古诗 报关员个人年终工作总结范文 春雨绵绵踏春行 红色之旅作文500字 幼儿教师读书计划 我想吃我爱吃的 小舟从此逝,江河寄余生——远离尘嚣,超然世外作文 学生想象能力作文训练教学案例 我拒绝长大,我贪恋少年时光 学校安全工作简讯 感动作文250字 林子,林子 当思念划过灵魂

Copyright © 2016 phpStudy |