opacity的背景透明&background中rgba的背景色透明

近期使用css实现了一个loading旋转加载的图片效果,类似gif动画过程中,需要透明背景,但是图片不要透明只要背景透明!只要背景透明!只要背景透明! 这里对透明模糊了,两种写法,模糊了 A: background: #000; opacity: 0.6; B: background: rgba(0,0,0,0.6); 单独的这样写,不是很明显看出 ---------------------------------------------------- ------------------…

使用IE滤镜实现css3中rgba让背景色透明的效果

让背景透明,听上去不是挺容易的么? 让背景色透明,很容易想到opacity,要兼容IE的话只要加上filter:alpha(opacity=?)就行了,OK,看看这个例子. html: <div class="container" id="container"> <div class="main" id="main"> <label for="tel">电话:</l…

CSS3背景色透明(兼容IE8)

标准浏览器通过rgba()实现背景色透明;IE8以下浏览器通过特有滤镜实现背景色透明. 代码如下: 1 /* IE8 */ 2 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); 3 4 /* 标准浏览器 */ 5 background-color: rgba(0, 0, 0, 0.6); 上述代码中: 7F000000(十六进制):前两位数值控制透明度…

背景透明IE和rgba

opacity:0.5; filter:Alpha(opacity=40); //IE8以下当我们设置opacity透明时,opacity后代元素会随着一起具有透明性,所以我们Opacity中的文字随着透明值下降越来越看不清楚,而RGBA不具有这样的问题,但是IE浏览器不支持rgba属性. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &…

CSS利用filter/opacity实现背景透明

先看看众所周知的解决方案如果我们想要一个半透明背景,有两种实现方式: 1.利用CSS和opacity属性 .opacity { filter:alpha(opacity=);/*IE浏览器*/ opacity: 0.5;/*非IE浏览器*/ } 2.建立一个24位PNG背景图片第一种利用opacity的问题除了需要通过麻烦的语法来兼容所有浏览器, 还有不单该元素自身背景透明了,它的子元素会继承opacity属性,也会透明. 所以里面所有的文字也是透明的,这一般不是想要的效果. 你可以做一些…

CSS盒子模型中（）是透明的，这部分可以显示背景()

CSS盒子模型中()是透明的,这部分可以显示背景() border margin padding content 我的理解: · Margin(外边距) - 清除边框外的区域,外边距是透明的. · Border(边框) - 围绕在内边距和内容外的边框. · Padding(内边距) - 清除内容周围的区域,内边距是透明的. · Content(内容) - 盒子的内容,显示文本和图像.…

利用CSS背景颜色属性使父级div背景透明同时避免子级标签透明。

实现背景色透明效果的代码实现各个浏览器中具备良好的透明特性的效果,IE中使用私有滤镜filter,高端浏览器使用CSS3中的rgba属性. 输入十六进制的颜色值以及透明度,自动在IE的过渡滤镜以及CSS3中的rgba属性之间进行十六进制与十进制的换算. 增加对IE9浏览器中的滤镜取消效果 ★ 鉴于需要做浏览器的hack,使用了:root来让IE9以前的浏览器不支持效果,所以增加了一个需要添加选择符类名的方式,对于这块需要大家在后期添加样式到代码中做单独的处理把CSS代码中的backgroun…

渐变背景（background）效果

chrom and Safari浏览器: webkit核心的浏览器.使用CSS3渐变方法(css-gradient) -webkit-gradient(type, start_point, end_point, / stop...) -webkit-gradient(type, inner_center, inner_radius, outer_center, outer_radius, / stop...) background: -webkit-gradient(linear,0 0,0 1…

使用rgba色实现背景色透明

父元素css属性:background-color: #000; background: rgba(0,0,0,.5); //现代浏览器属性,使用rgba色实现透明,对子属性不继承 filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); //兼容IE8以下子元素属性: position: relative; //对IE8以下禁止继承透明色…

CSS背景属性Background详解

[转] 本文详解了CSS的背景属性Background,包括CSS3中新增的背景属性.如果你是个CSS初学者,还可以查看之前介绍的CSS浮动属性和CSS透明属性详解. CSS2 中有5个主要的背景(background)属性,它们是: background-color: 指定填充背景的颜色. background-image: 引用图片作为背景. background-position: 指定元素背景图片的位置. background-repeat: 决定是否重复背景图片. background…

CSS3新增Hsl、Hsla、Rgba色彩模式以及透明属性（转）

CSS2中色彩模式只有RGB色彩模式(RGB即RED.Green.BLue)和十六进制(Hex)模式,为了能支持透明opacity 的Alpha值,CSS3又增加了RGBA色彩模式(RGBA即RED.Green.BLue.Alpha). 但是不管是RGB模式还是十六进制模式都无法主观感受,所以CSS3又加入HSL颜色模式.当然HSL模式也增加opacity的Alpha值:HSLA模式(HSL模式与HSLA模式的关系跟RGB与RGBA关系一样).接下来我们介绍 RGBA.HSL以及HSLA这几种…

CSS下背景属性background的使用方法

背景颜色(background-color) CSS可以用纯色来作为背景,也可以将背景设置为透明,background相当于xhtml中的bgcolor. 它的两个值: transparent(默认值,透明) color(指定的颜色,和文本颜色的设置方法相同) 示例: body {background-color: black;} h1 {background-color: #00ff00;} h2 {background-color: transparent;} p {background-c…

WPF Windows背景透明其中的文字保持不透明

原文:WPF Windows背景透明其中的文字保持不透明版权声明:本文为博主原创,未经允许不得转载.交流.源码资料加群:161154103 https://blog.csdn.net/mpegfour/article/details/78815791 实现效果如图: 实现代码: <Window x:Class="Gvitech.Application.WPF.UI.FunFacility.WindowEquipmentRecord" xmlns="http://sc…

0016 CSS 背景：background

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

CSS 背景-CSS background

这里有个很好的样式学习网站:http://www.divcss5.com/rumen/r125.shtml 一.Css background背景语法 - TOP CSS背景基础知识 CSS 背景这里指通过CSS对对象设置背景属性,如通过CSS设置背景各种样式. 背景语法: background: background-color || background-image || background-repeat || background-attachment || background-…

背景（background）

背景(background) 背景家族由5个主要的背景属性组成 background-color背景颜色 background-color:colorNome(取值如:颜色名 red green. reb(,,) s十六颜色值:#fff 注意:透明 transparent //背景透明 div{ background:red background:transparent; }//完全没有颜色 backaground-image 背景图 (注意:一般配合(background-color)联合使…

背景图片蒙上一层颜色（背景图片无法用rgba调整透明度！）

方法就是在图片上面加一层DIV,将DIV的背景颜色调成rgba(0,0,0,0.3);即可…

CSS代码示例-背景属性(background)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <html> <head> <title>背景属性 background</title> <style type=&quo…

css 背景色渐变---和背景色透明

1 背景色渐变 background:#fb0000; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb0000), color-stop(15%,#d50000), color-stop(75%,#c70000), color-stop(100%,#b20000)); background: -webkit-linear-gradient(top, #fb0000 0%,#d50000 1…

php imagemagick 处理图片剪切、压缩、合并、插入文本、背景色透明

php有一款插件叫做imagemagick,功能很强大,提供了图片的很多操作,图片剪切.压缩.合并.插入文本.背景色透明等.并且有api方法调用和命令行操作两种方式,如果只是简单处理的话建议api方法调用,如果是很复杂的操作建议服务器端搭shell命令行操作,因为api方法调用同操作对比命令行他更吃内存,并且效率没有命令行那么高. 本文章就对于这些常见操作进行介绍说明首先要提一声的时候每次通过imageMagic处理图片都会new一个对象出来,当图片处理好之后最好是把这个对象给销毁,它会占用c…

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…

关于POI 中单元格背景色设置（转）

关于POI 中单元格背景色设置(转) csdn 中找到了用Apache POI 实现单元格背景色的小例子我用了JDK6 + POI 3.17 ,调试中报错最终将 CellStyle.SOLID_FOREGROUND 替换为 FillPatternType.SOLID_FOREGROUND,代码运行成功 /** * */ package com.totest.poiDemo; import java.io.FileOutputStream; import java.io.IOExcepti…

如何让iframe背景色透明框架页文件设置

如何让iframe背景色透明框架页文件设置:<body style="background-color:transparent" > 或 <body bgColor="transparent">方法一:<iframe src="about.htm" width="100%" height="100%" align="center" scrolling=&qu…

为JMenu中的JPopupMenu定制透明背景

最近研究了很久这个问题,从LookAndFeel到继承JPopupMenu或者JMenu都搞不定. 其实替换背景的话,只要在JMenuUI中设置Opaque(false) 再将背景设置透明就可以看到PopupMenu的背景了, 然后再在PopupMenuUI中将popupmenu和parent都设置成Opaque就可以做透明背景了,但是位置不对啊!!! 因为我会在按钮的四周添加阴影,JMenuItem浮在阴影上很难受有木有. 这个问题纠结了我大概几天的样子. 在追查JPopupMenu的构建,布…

CSS中RGBA的兼容方法以及透明度计算方法

CSS对IE使用背景透明实现 rgba 效果 height:35px; background: -webkit-gradient(linear,left top,left bottom,from(rgba(68,102,113,0.9)),to(rgba(46,74,83,0.9))); background: -moz-linear-gradient(top, rgba(68,102,113,0.9), rgba(46,74,83,0.9)); filter:progid:DXImageTr…

解读CSS的背景（background）样式

background-color: 可以为所有的元素设置背景色,这个属性接受任意合法的颜色值,如果希望背景色从元素文本向外少有延伸,只需增加一些内边距(padding). 注意:background-color 不能继承,其默认值是 transparent.transparent 有“透明”之意.也就是说,如果一个元素没有指定背景色,那么背景就是透明的,这样其祖先元素的背景才能可见.事实上,所有背景属性都不能继承. background-image: background-image 属性的默认…

png-24在ie6中的几种透明方法

转载 http://www.cnblogs.com/jikey/archive/2013/03/13/2957168.html 由于游戏类官网在页面背景和装饰人物的设计上追求画丽且与游戏风格想匹配,这就给前端页面制作人员带来了很多的麻烦,一个页面的制作主要时间和精力花费在兼容ie6上,而ie6因为不兼容png-24的图片一直被开发人员所鄙视. 由于市场决定了页面的存在的价值,所以ie6还是必须要兼容. 下面介绍几种常用的解决办法: dd_belatedpng.js法引入js文件 <!--[if…

使用fliter实现ie下css中rgba的效果

直接举例吧background-color: rgba(255,255,255,0.8); 设置背景颜色为白色,不透明度设为80% 在ie下可以用fliter这一属性进行设置: filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff); 具体的设置情况可以看一下这个链接:https://segmentfault.com/a/1190000002433305 其中…

在XIB 或者 SB 上面实现半透明的背景上添加UILabel是文字不透明

设透明背景的时候直接设置RGB值然后设置Opacity即可…

Android中实现Activity的透明背景效果

实现方式一(使用系统透明样式) 通过配置 Activity 的样式来实现,在 AndroidManifest.xml 找到要实现透明效果的 Activity,在 Activity 的配置中添加如下的代码设置该 Activity 为透明样式,但这种实现方式只能实现纯透明的样式,无法调整透明度,所以这种实现方式有一定的局限性,但这种方式实现简单. android:theme="@android:style/Theme.Translucent" <activity android:na…

【opacity的背景透明&background中rgba的背景色透明】的更多相关文章