用CSS3将你的设计带入下个高度[译]（4）
作者：神采飞扬 来源：前端观察 发布时间：2009-06-22 13:03:00
标签：设计,css3,hack,工具
2. RGBA和透明度
RGBA 让你可以不仅仅设定色彩，还能设定元素的透明度。一些浏览器尚不支持它，所以最好在RGBa前面设定其它浏览器支持的没有透明的颜色属性。
Tim Van Damme在链接的hover效果上使用了RGBA
在这个网站上，Tim Van Damme在鼠标悬停效果上使用了RGBa；例如，在他的首页的network链接上:
#networks li a:hover,
#networks li a:focus {
background: rgba(164, 173, 183, .15);
}
当设定一个RGBA 色彩的时候，我们必须依次设定红、蓝、和绿色的值，可以是0-255或百分数。透明值应该在0.0到1.0之间，例如0.5 代表50％ 的透明度。
RGBA 和opacity 之间的不同是前者只会应用到指定的元素上，而后者会影响我们指定的元素及其子元素。
这里有个例子展示我们如何给一个div添加80％ 透明:
div {
opacity: 0.8;
}
浏览器支持: RGBA 被Webkit内核浏览器支持。IE所有版本都不支持。Firefox 2也不支持，但是Firefox 3 和Opera 9.5均支持。Opacity 被Opera、Webkit核心 和Gecko核心的浏览器支持。IE所有版本同样不支持。IE只支持自家的该死的滤镜（filter）
扩展阅读：
0
投稿猜你喜欢
- 1 常规错误的yum安装方法：在前文中记述了CentOS 6.5系统中通过yum方式快速地搭建了LNMP环境，那么是否也能在CentOS 7
- 本文实例讲述了Python使用sort和class实现的多级排序功能。分享给大家供大家参考，具体如下：# -*- coding:utf-8
3.0迟迟没有发布release版本，现阶段在Vue项目中使用Typescript需要花不小的精力在工程的配置上面。主要的工作是webpac- 阅读上一章：Chapter 4 引用互动性一直是互联网的重点,让使用者与网站能够交换信息,彼此沟通.表单使我们能够有组织的,使用同一方式的从
- 本文记录了mysql 8.0.22 安装配置图文教程，供大家参考，具体内容如下一、安装（1）、官网下载（2）、安装（前提是之前没安装过mys
- 在ASP中，也能让XML发挥其优点。例如像.NET那样写一个XML配置文件，在程序中读取，或者将一些数据量不大又经常访问的数据写入到XML中
- 这篇文章主要介绍了JS图片懒加载的优点及实现原理,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以
- 在python中利用numpy创建一个array， 然后我们想获取array的最大值，最小值。可以使用一下方法：一、创建数组这样就可以获得一
- 概 述 ---- 现在有不少介绍利用ASP实现动态分页的文章，方法大同小异，就是每次利用ADO返回原始
- 我们都知道如何上传单个文件，但如果有大量文件或大量数据，这就扎心了，可能会变得单调。因此目前想到一种办法，将文件压缩成zip包，然后再解压到
- 我们的网络协议一般是把数据转换成JSON之后再传输。之前在Java里面，实现序列化和反序列化，不管是 jackson ,还是 fastjso
- 一个继承nn.module的model它包含一个叫做children()的函数，这个函数可以用来提取出model每一层的网络结构，在此基础上
- 本文实例讲述了C#简单连接sql数据库的方法。分享给大家供大家参考，具体如下：using System;using System.Colle
- 我看blog里，还有很多地方都引用过我写的这个类，转了不少，但自己一直也没发表过，这次正式发表一下。在蓝色理想中有人不懂怎么用，我在baid
- 前言在数据分析领域，最热门的莫过于Python和R语言，本文将详细给大家介绍关于Python利用pandas查询数据的相关内容，分享出来供大
- 对于一个内容页的文章来说，如果这个文章内容过长或是其中有分类（排行），那么进行分页阅读无疑是最好的选择。如果一个文章内容不涉及分类，比如小说
- javascript/js的ajax的GET请求代码如下所示：<script type="text/javascript&q
- 前言如果你对数据分析有一定的了解，那你一定听说过一些亲民好用的数据分析的工具，如Excel、Tableau、PowerBI等等等等，它们都是
- 实现思路很多网站都有拼图验证码1.首先要了解拼图验证码的生成原理2.制定破解计划，考虑其可能性和成功率。3.编写脚本很多网站的拼图验证码都是
- 本文实例为大家分享了vuex实现购物车功能的具体代码，供大家参考，具体内容如下文件目录如下：购物车组件<template> &n
