您好,欢迎来到达网官方网站           客户ID 密码   注册 忘记密码?
达网
全国服务热线  
达网学院 | 付款方式

网站制作隐藏文字的方法

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

  示例代码:

  .texthidden{

  positon:absolute;

  margin-top:-9999px;

  margin-left:-9999px;

  }

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

  3、overflow:hidden:这是一个比较合理且我最喜欢的方法,具体代码如下:

  示例代码:

  .texthidden{

  display:block;/*统一转化为块级元素*/

  overflow:hidden;

  width:0;

  height:0;

  }

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

  示例代码:

  .texthidden{

  text-indent:-9999px;

  white-space:nowrap;

  line-height:0;

  }



Copyright 2006-2012 dw.net.cn 达网网络技术有限公司 版权所有
公司地址:宁波市大梁街118号世纪广场B座19楼1902室 [地图] 邮编:315000
中文域名:达网.cn  公司微博:weibo.com/dwnetwork  信产部备案号:浙ICP备09010049号
软件开发, 行业软件, 网站建设, 网站托管, 服务器技术  网站地图 RSS订阅