当前位置: 网站建设 > 网页设计 > 建站经验 >

CSS隐藏文字的几个方法

时间:2013-03-02 03:47来源:未知 作者:admin 点击:

标签:CSS隐藏文字的几个方法 方法(92)文字(34)CSS(655)隐藏(8)几个(15)网站建设(1202)
--> [网站建设之]CSS隐藏文字的多少个方法 , CSS透明相关技巧的介绍 作为一个web前端开发 为了html语义化 经常要给内容模块加上一些题目来让页面更有意思 当然还有咱们的图片按钮 在抛开css裸奔的情形下也能很顺利的吸取到页面信息 通常为了转达更好的视觉后
CSS隐藏文字的几个方法》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302334Z2013.htm
--> [网站建设之]CSS隐藏文字的多少个方法 ,CSS透明相关技巧的介绍

作为一个web前端开发
为了html语义化
经常要给内容模块加上一些题目来让页面更有意思
当然还有咱们的图片按钮
在抛开css裸奔的情形下也能很顺利的吸取到页面信息
通常为了转达更好的视觉后果
我们常用图片替换掉字体
而早前的前端开发常直接不在html中给出内容
用 (甚至为空)
这样在不加载到css时就无奈晓得这个区块毕竟是什么内容了

正题开端
通常偏移掉字体的方法是

(1)
使用text-indent:-9999px;

可是他有一个局限性 他只实用于块级元素block
而我们往往有时候想偏移掉的a上的字体
所以问题就来了
text-indent:-9999px;固然用起来比拟惬意
将a转化成block的话 往往 他身后的的元素就被他赶到下一行了
假如正好这个a后面 是一个a按钮
就要用float来浮动以使他身后再呈现蜂拥者
这样是不是有些麻烦呢

(2)
line-height:0,css透明滤镜 兼容ie6,ie7,ie8以及firefox;
font-size:0,CSS选择符详解;
overflow:hidden,CSS选择符详细说明;

能完善“隐藏”掉你background之上的字体
经测试 ie6.0 、 7.0 、8.0、firefox 3.010 通过

(3)
最便利的是加个span,CSS边框属性(border)的如何使用,而后display:none,而且这样不会出bug。
遗憾的是,多了个标签,轮回中使用的话,html又多了一堆字节,单个按钮推举这样应用。

而针对input value的隐藏这个方式就有些吃力了
所以仍是只能用block加text-indent来“偏移&rdquo,css语法结构;模仿暗藏了
display:block;
font-size:0;
line-height:0,CSS设计网页头部的优化写法;
text-indent:-9999px;
经测试 ie6.0 、 7,CSS设计制作长度高度不一样的网页区块.0 、firefox 3,CSS设计中选择器的巧妙使用.010 通过 Tag:办法   文字   隐藏     方式   文字  ,css设置最小height然后自适应; 隐蔽    
(责任编辑:网站建设)
CSS隐藏文字的几个方法相关文章
上一篇:CSS透明相关技巧的介绍 下一篇:CSS页面布局中HTML结构化设计
回到顶部