【CSS - 背景半透明】的更多相关文章

[小技巧]兼容IE6的纯CSS背景半透明文字不透明

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> IE背景半透明 </title> <style type="text/css"> .alpha{ width: 100px; height: 100px; color: #fff; background: rgba(0, 0…

CSS - 背景半透明

就一句话 background: rgba(0, 0, 0, .2); body { background-color: pink; } div { width: 200px; height: 200px; /*background-color: #000;*/ color: #fff; background: rgba(0, 0, 0, .2); /* red green blue alpha 0~1 */ } </style> </head> <body> <…

css设置div等标签背景半透明

三种方式: 1. background-color: transparent; 直接设置背景为透明 2.这种是子元素也会跟着变成半透明 /* 背景半透明,1为不透明 */ opacity: 0.5; /* ALL */ -moz-opacity:0.5;/* FIREFOX */ filter:alpha(Opacity=50);/* IE */ 3. background: rgba(240,240,240, 0.5); /* 背景半透明,1为不透明 */…

兼容IE、Firefox的背景半透明内容不透明设置

首先要说明的是背景是内容的祖先元素.如果是兄弟节点那就没有必要记录这篇文章了. 记录一下,知其然也知其所以然. IE8-特点: 1.不支持"opcity:0.5;"这种写法,只支持"filter:alpha(opacity=50)". 2.如果背景元素拥有css属性设置了z-index的值(除默认值auto外),则内容会随着背景元素一起半透明 3.如果背景元素的内容元素本身或其祖先节点(这些祖先节点是背景元素的后代节点)没有设置css定位属性position:rel…

DIV背景半透明文字不半透明的样式

DIV背景半透明,DIV中的字不半透明 代码如下:<body bgcolor="#336699"> <div style="filter:alpha(opacity=50);background:#ffffff;width:600;"><span style="color:yellow"> 复制代码图层背景半透明,字体颜色也半透明 代码如下:</span></div> <div s…

【27前端】背景半透明rgba LESS实践

今天有看到司徒正美<背景半透明rgba最佳实践>的文章和里面推荐的一个在线工具CSS背景颜色属性值转换  . 于是联系到自己的less库,新技能Get. 内容如下: /*在你的less库中加入以下代码*/ //rgba创建兼容IE的rgba #rgba(@r,@g,@b,@a){ @c: rgba(@r,@g,@b,@a); @c2 :argb(@c); /* for IE9 IE8 IE7 not sure about IE6*/ filter:~"progid:DXImageTr…

CSS背景和CSS3背景background属性

css背景属性用于定义HTML元素的背景 背景属性既可以为单个的单元设置背景,也可以为整个页面设置背景,可以对上述二者的任意组合设置背景,段落.文字.不同状态的链接.图像.内容区域修改其背景样式.设置背景有很多属性可以利用.将在下文中详细解释这些属性的用法. css属性定义背景效果 background    简写属性,将背景属性设置在一个声明中 background-color  背景颜色 background-image  背景图片 background-position  背景图像定位,设…

CSS——背景及应用

CSS 可以添加背景颜色和背景图片,以及进行图片设置. none : 无背景图(默认的) url : 使用绝对或相对地址指定背景图像 background-image 属性允许指定一个图片展示在背景中(只有CSS3才可以多背景)可以和 background-color 连用. 如果图片不重复地话,图片覆盖不到地地方都会被背景色填充. 如果有背景图片平铺,则会覆盖背景颜色. 小技巧: 我们提倡 背景图片后面的地址,url不要加引号. 背景平铺(repeat) 语法: background-repe…

0016 CSS 背景：background

目标 理解 背景的作用 css背景图片和插入图片的区别 应用 通过css背景属性,给页面元素添加背景样式 能设置不同的背景图片位置 [插入图片,不用设置img元素的父元素.自身元素大小,即可见,但是背景图要设置元素的宽高才可见.] 4.1 背景颜色(color) 语法: background-color:颜色值; 默认的值是 transparent 透明的 4.2 背景图片(image) 语法: background-image : none | url (url) 参数 作用 none 无背景…

CSS背景说明及连写

一.CSS背景说明 CSS 可以添加背景颜色和背景图片,以及来进行图片设置. 1.1 背景图片(image) background-image 属性允许指定一个图片展示在背景中(只有CSS3才可以多背景)可以和 background-color 连用. 如果图片不重复地话,图片覆盖不到地地方都会被背景色填充. 如果有背景图片平铺,则会覆盖背景颜色. background-image : none | url (url) ; /*none : 无背景图(默认的) url : 使用绝对或相对地址指定…