网页制作必知:初探CSS3的RGBA颜色

一直以来,浏览器的透明一直无法实现 单纯的颜色透明,每次使用alpha后就会把透明的属性继承到子节点上。换句话说,很难实现背景颜色透明而文字不透明的效果,直到RGBA颜色的出现这一切将成为现实。


实现这样的效果非常简单,设置颜色的时候我们使用标准的 rgba() 单位即可, 如rgba(255,0,0,0.4) 这样就出现了一个红色同时拥有alpha透明为0.4的颜色。


经过测试 firefox 3.0 safari 3.2 opera 10都支持了rgba单位,很可惜的是我们的ie系列,包括ie8都还没有很好的支持. 如果ie不加快这里的步伐,很快就会输掉这个浏览器的战争...

时间: 2024-11-16 14:09:13

网页制作必知:初探CSS3的RGBA颜色的相关文章

CSS网页制作技巧:兼容主流浏览器的背景颜色透明

文章简介:CSS网页制作技巧:兼容主流浏览器的背景颜色透明. 以前都是用jquery来写背景透明,方法简单,但是有缺点,脚本没加载完时,背景颜色是不透明的.如果换成在css里写好的话,效果就很好了..transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } 上面的几个属性分别是: opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持f

总结网页代码常用小技巧,网页制作必学

技巧|网页 1.让浏览器窗口永远都不出现滚动条. 〈body style="overflow-x:hidden;overflow-y:hidden"〉或〈body style="overflow:hidden"〉 或〈body scroll=no〉2,没有水平滚动条〈body style="overflow-x:hidden"〉3,没有垂直滚动条〈body style="overflow-y:hidden"〉 2,如何给图片抖

网页制作必学技巧之用CSS美化你的网页

css|技巧|网页 现在我们设计网页已经离不开CSS,使用CSS可以美化我们的网页,这已经是大家所共知的了! CSS是"Cascading Style Sheets"的缩写,译为样式表.HTML允许我们利用CSS来实现风格的显示,举个简单的例子:我们可以使用<b>标签来使页面的字体加粗.如: <b>网页教学网加粗字体显示</b> 如果你使我们使字体显示为红色.宋体.并且加粗显示我们可以使用下面的代码: <font color="#FF

学习网页设计必知的20个教学资源站

  好在伟大的互联网让全世界苦逼的互联网er都联合起来,一起解决问题.在线课程社区正是在这种情况下诞生的,应对不同需求的在线社区为需要学习的用户们提供了大量的辅助学习资料以及名师们的课程视频和文字教程,在社区中,你会发现一些传统经典的问题的解决方案,还能找到新兴技术和趋势的深度解读. 这些网站里有大量的第一手的学习资料,只要你用心学习,它们绝对不会让你失望. 1. Udemy Udemy是一个在线学习平台,如果你是技术大牛,可以在此销售自己的教学视频;如果你想在此学习技术,可以购买符合自己需求的

CSS3网页制作教程:详解CSS3实现圆角代码

文章简介:其实CSS3实现圆角的方法只需要设置一个属性:border-radius(边框半径),只要设置一个值就能同时设置四个圆角的半径. 其实CSS3实现圆角的方法只需要设置一个属性:border-radius(边框半径),只要设置一个值就能同时设置四个圆角的半径 给你一个DIV 设置他的圆角半径:border-radius:15px: border-radius可以同时设置1到4个值.如果设置1个值,表示4个圆角都使用这个值.如果设置2个值,表示左上角和右下角使用第1个值,右上角和左下角使用

动态网页制作必学:正则表达式

动态|网页|正则 一个正则表达式就是由普通字符(例如字符 a 到 z)以及特殊字符(称为元字符)组成的文字模式.该模式描述在查找文字主体时待匹配的一个或多个字符串.正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配.如: 下面是元字符及其在正则表达式上下文中的行为的一个完整列表: \ 将下一个字符标记为一个特殊字符.或一个原义字符.或一个 向后引用.或一个八进制转义符.例如,'n' 匹配字符 "n".'\n' 匹配一个换行符.序列 '\\' 匹配 "\"

网页设计师必知:目前上网用户使用浏览器和分辨率

Web 设计师真的可以忽视 IE6 了吗?显然不能,使用 IE6 的仍大有人在.本文搜集了最新的 Web 浏览器,屏幕分辨率以及操作系统的分布数据,Web 设计师可以籍此对自己的设计做一调整,比如,1024 以下的屏幕真的很少了,如果硬要照顾这个分辨率,你会发现,一个 800 像素宽的页面在 1440 的屏幕上看上太古怪了.本文数据来自 Wikipedia (OS Browser), Market Share 等媒体. 不同屏幕分辨率分布 可以看出,1024 以下的屏幕所占的比例已经很小了,其中

网页设计师必知的高效导航设计三原则

  为网站设计导航就如同为房子打基础.如果地基不牢靠,再壮观的设计也无法掩盖建筑结构的潜在风险,其实网站也是如此,如果想让网站拥有优秀的用户体验,良好的转化率,可观的销售额,你需要花费相当的时间去了解你的用户需求,精心设计网站的内容,寻求可靠而直观有效的内容组织体系,而这些东西的外化体现,就是网站的导航设计. 什么是导航? 许多人对于网站导航设计的认知并不统一.有人认为,构成网站导航的是网页中的焦点元素,它们让用户清晰直观地找到他们想要的东西.同样的,还有人认为导航设计是一种方法,引导用户去寻找

初探SSI网页制作

 SSI(Server Side Include),通常称为服务器端嵌入,是一种类似于ASP的基于服务器的网页制作技术.大多数(尤其是基于Unix平台)的WEB服务器如Netscape Enterprise Server等均支持SSI命令.  SSI工作原理: 在一个通常以.shtml为扩展名的SSI文件中,标准的HTML编码会被直接送到浏览器上,而内嵌Perl语言形式的SSI命令则先被网络服务器解释执行,如果是标准输出的话,输出信息也将作为标准的HTML而被送至浏览器.  SSI简