css 背景透明文字(内容)不透明三种实现方法 - 相关文章

【css 背景透明文字(内容)不透明三种实现方法】的更多相关文章

css 背景透明文字(内容)不透明三种实现方法

好久没写博客了.以前还想着最少一个月抽空写几篇.结果没做到O(∩_∩)O~~.好吧.现在努力,继续坚持. 看着以前写的东西,感觉自己在逐渐成长. 先上图: 本文主要记录如上图一样的.文字或内容不透明,但背景有一个“透明蒙版”的效果. 平时一般用的方法有三种: ① 先创建一个透明度跟“透明蒙版”一样的1X1大小的透明png图片.然后采用填充背景图的方法(repeat),实现背景透明而不影响文字的透明性. 优点:感觉兼容性最好. 缺点:要多弄一张透明图片. 这个就不写样式了.比较简单. ②采用opa…

css实现纯文字内容元素透明背景（兼容IE6）

HTML: <div class="title-wrapper"> <span class="title"> <span class="icon sp-index sp-index-tag-bg"> <i class="mood2 sp-base"></i> </span> <span class="txt"> <sp…

通过IE私有滤镜让IE6 7 8支持背景透明，内容不透明效果。

CSS3已经支持背景rgba的rgba透明度,这一方法可以避免元素内容也随背景一起变透明(详情请阅http://www.cssha.com/css3-new-knowledge-student).但是这一属性在低于IE9的版本中却不被支持,我们可以通过IE私有滤镜来实现背景透明效果.rgba参数格式:(red,green.,blue,alpha),alpha值0-1.ie滤镜参数#3363370b,前两位为16进制透明度,比如说值是上面用到的0.2,那么就是0.2×255＝51,再转换成16进制…

Css:背景色透明，内容不透明之终极方法！兼容所有浏览器

转载 http://www.cnblogs.com/jikey/archive/2012/08/31/2665880.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/x…

Jquery中each的三种遍历方法

Jquery中each的三种遍历方法 $.post("urladdr", { "data" : "data" }, function(data) { $.each(data, function(n,value) { });}); 1.选择器+遍历 $('div').each(function (i){ i就是索引值 this 表示获取遍历每一个dom对象 }); 2.选择器+遍历 $('div').each(function (index,dom…

Liunx 环境下vsftpd的三种实现方法（超详细参数）

以下文章介绍Liunx 环境下vsftpd的三种实现方法 ftp://vsftpd.beasts.org/users/cevans/vsftpd-2.0.3.tar.gz,目前已经到2.0.3版本.假设我们已经将vsftpd-2.0.3.tar.gz文件下载到服务器的/home/xuchen目录代码: # cd /home/xuchen # tar xzvf vsftpd-2.0.3.tar.gz //解压缩程序 # cd vsftpd-2.0.3 三.三种方式的实现 …

css_三种引入方法

CSS是英文Cascading Style Sheets的缩写,称为层叠样式表,用于对页面进行美化. 详请:http://www.w3school.com.cn/h.asp 其存在方式有三种:元素内联.页面嵌入和引入外部CSS文件. 核心语法为:style="key1:value1;key2:value2" 1.元素内联:在标签中直接使用样式语法 style="key1:value1" <body> <div style="backgro…

Android开发 ---Button的OnClickListener的三种实现方法

button的OnClickListener的三种实现方法 onclick事件的定义方法,分为三种,分别为 1.在xml中进行指定方法: 2.在Actitivy中new出一个OnClickListenner(): 3.实现OnClickListener接口三种方式. 代码分别如下: 1. xml指定onclick事件,这种方式比较适用于指定的button,能使java代码相对简化一些: xml文件中: <Button android:text="Button03" android…

Spring Boot Maven Plugin打包异常及三种解决方法：Unable to find main class

[背景]spring-boot项目,打包成可执行jar,项目内有两个带有main方法的类并且都使用了@SpringBootApplication注解(或者另一种情形:你有两个main方法并且所在类都没有使用@SpringBootApplication注解),pom.xml如下 <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin<…

谈谈vector容器的三种遍历方法

说明:本文仅供学习交流.转载请标明出处.欢迎转载! vector容器是最简单的顺序容器,其用法相似于数组.实际上vector的底层实现就是採用动态数组.在编敲代码的过程中.经常会变量容器中的元素,那么怎样遍历这些元素呢?本文给出三种遍历方法. 方法一:採用下标遍历由于vector容器就是对一个动态数组的包装,所以在vector容器的内部,重载了[]运算符,函数原型为:reference operator [] (size_type n);所以我们…