网络编程
位置:首页>> 网络编程>> 网页设计>> { hide_text } CSS文字隐藏总结报告(4)

{ hide_text } CSS文字隐藏总结报告(4)

作者:tracy2 来源:蓝色理想 发布时间:2010-06-13 17:19:00 

标签:隐藏,CSS,文字

兼容性:

优点:

  • 兼容性好

  • 超链接和图片替代文本可用

缺点:

  • 使用限制较大,需要定宽高

  • 多一丁点:前置背景遮挡

代码片段:

(x)HTML

<!-- 在css无效和css有效图片无效都适用 -->
<a class="hide_bg" href="#"><span
class="front_bg"></span>我是可访问性的化身</a>

CSS

.hide_bg{ 
width:200px; 
height:20px; 
position:relative; 
display:block;/* 行内元素需要 */

.hide_bg .front_bg{ 
background:url('bg_text.png') no-repeat; /* 背景内容等于或大于容器大小 */
position:absolute; /* 绝对定位,不影响文本 */
left:0px; 
top:0px; 
width:200px;/* 与父元素等宽高 */
height:20px; 
display:block; 
/* cursor:pointer; ie6和链接需要用 */
}

兼容性:

优点:

  • 兼容性好

  • 超链接和图片替代文本可用

  • 可访问性强

缺点:

  • 使用限制较大,需要定宽高

  • 代码冗余,需要空标签

  • 另辟蹊径:content:”"

代码片段:

(x)HTML

<!--只有opera支持,按定义只能用在:before 和:after-->
<a class="hide_ct" href="#">也许我才是最合适的,谁知道呢,内容表现分离。只有opera支持</a>

CSS

.hide_ct{ content:&quot;&quot;; }

兼容性:

优点:

  • 简单

缺点:

  • 内容样式分离

  • 不实用

原文:http://caib.me/hide-text/

0
投稿

猜你喜欢

  • Linux环境MySQL服务器级优化讲解     摘要:本节简单介绍了如何在服务器级优化数据库的性能
  • 1,SELECT 语句 在SQL的世界里,最最基础的操作就是SELECT 语句了。在数据库工具下直接采用SQL
  • 就像标题呈现的一样,SQL Server 2008中的MERGE语句能做很多事情,它的功能是根据源表对目标表执行插入、更新或删除操作。最典型
  • 作为一位不懂代码的业余网页制 * 好者,常常羡慕专业程序人员在浏览器中编制出的效果超酷的一些多媒体作品。唉,无奈程序那东东,酶涩南学,非一日之
  • 定义总是很抽象。存储进程其实就是能完成一定操作的一组SQL语句,只不过这组语句是放在数据库中的(这里我们只谈SQL SERVER)。如果我们
  • 在程序调试中,有时候需要知道有多少Session变量在使用,她们的值如何?由于Session对象提供一个称为Contents的集合(Coll
  •  是因工作需要做的一个批量修改代码的小东西,拿出来与大家分享。 目前可以处理的文件类型:.asp .inc .htm .html
  • 请按步骤进行,未进行前面的步骤时,请不要做后面的步骤,以免损坏你的数据库.一般不建议做第4,6两步,第4步不安全,有可能损坏数据库或丢失数据
  • 前几天在“CSS那些事儿”的群中,一位读者朋友(小土豆)问我书中提到首字下沉的时候为什么要增加一个清除浮动。当时我自己一时迷惑了,为什么呢,
  • 看了大峡搞的级联菜单,我也班门弄斧一把,嘿嘿,花了一点时间搞了个级联菜单贴上来看看。本例中只要你选择成员分类名称就会自动显示成员名称:&nb
  • ASP实现防止网站被采集代码如下:<% Dim AppealNum,AppealCount Appeal
  • 这个验证类的完成有很长时间了,一直没有分享给大家使用了这么长时间之后感觉挺顺手,用于一些不需要特殊效果的表单验证个人认为已经足够了,还是挺好
  • 如今大部分网站仍然采用表格嵌套内容的方式来制作网站,虽然此方法对于我们来说比较熟悉、比较上手;但是,它却阻碍了一种更好的、更有亲和力的、更灵
  • 有两个服务器,装了两个数据库,一个是主的,一个是备用的,下面的的功能就将主数据库的数据库,实时同步到备份数据库上,使他们的数据内容,基本上保
  • 显然,效果很实用。对于这个效果,我们并不解释如何去使用效果库,而是讲解如何创建类似的效果,并保持他的可用性,分离式(unobtrusive)
  • 工作时常遇到需要在其它地方拷贝样式,比如Firebug之类的,但是复制出来的样式是带有换行和空格的,对于我这种有点洁癖的人来说,经常会一个个
  • 本文列出了HTML4标签的默认样式列表,对网页设计者来说这个应该很有用。原文来自:W3C (http://www.w3.org/TR/CSS
  • 有时候我们需要程序截图文章中的部分字符作为摘要显示出来,这时我们一般是只希望提取的字符串是纯文本的,没有如何html标签,如果我们章节用le
  • asp十进制转二进制;二进制转十进制;二进制转十六进制;十六进制转二进制;八进制转二进制'二进制转八进制;八进制转十进制;十六进制转
手机版 网络编程 asp之家 www.aspxhome.com