设置div 背景透明字不透明

CSS实现DIV层背景透明而文字不透明

在我们设计制作一些网页的时候可能会用到半透明的效果,首先我们可能会想到用PNG图片处理,当然这是一个不错的办法,唯一的兼容性问题就是ie6 下的BUG,但这也不困难,加上一段js处理就行了.但假如我们需要一个半透明遮罩的弹出层,如登陆框.注册框.提示等,这时可能需要整个页面都要被半透明的遮罩层覆盖,那么如用背景平铺的话,此时此刻也许就不是一个好办法了,图片大了会影响加载速度,图片小了同样会增加页面的渲染计算量,那么这时也许就需要用CSS滤镜了. 假如有这样一个例子:“有一个DIV块,此DIV

设置div背景透明的两种方法

实现div背景透明的两种方法 1.使用opacity属性 background-color:#000; opacity: 0.5; 这样做可以设置div内部所以区域的透明度,但是也会影响里面的文字,效果图: 2.只改变背景透明度,不改变其中文字.图片等透明度的方法 background-color: rgba(0,0,0,0.5); 其中前三位数是设置背景颜色,取值范围是0~255,全部为零代表黑色,全部为255代表白色. rgba即红色.绿色.蓝色.透明度(英语:Red, Green, Blu

设置div背景透明的CSS样式

div背景透明样式: 样式代码: .alert{filter:alpha(opacity=100); /* IE */ -moz-opacity:1.0; /* Moz + FF */ opacity: 1.0; height:300px; width:500px; background:#ccc; left:50%; top:50%;margin-top:-150px;margin-left:-250px;position:absolute;z-index:99; text-align:cen

设置div背景图片填满div

可以设置div的样式为 background:url('+UPLOAD_PATH+data.url+') no-repeat; background-size: 100%;width:100%;heigth:100%'

js 动态设置 div 背景图片并滚动显示

var imgs =["../img/index/bgstyle/style1/index_top_bg2.jpg", "../img/index/bgstyle/style1/index_top_bg3.jpg", "../img/index/bgstyle/style1/index_top_bg1.jpg"]; //(设定想要显示的图片) var i = 0; var head=document.getElementsByClassName(

怎么用JQUERY设置div背景图片？

平常,在css里,我们写成 { background:url(....) ; } 如果需要写脚本, 则 function(){ .....; $(....).css("background-image", "url(....)"); .....; }

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

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

div 背景色设置_DIV背景颜色设置

DIV 背景色设置篇-div背景颜色设置篇一.div标签内直接设置背景颜色 - TOP <div style="background:#000; color:#FFF">背景为黑色</div> DIV标签内设置背景色为黑色,字体颜色为白色 div标签内设置背景色截图通过div标签内设置style设置背景色等CSS样式. 二.外部css设置div背景色 - TOP 这里为一个对象CSS命名为".divcss5",通过建立外部

IE DIV背景透明，点击事件不响应解决方案

IE DIV背景透明,给DIV绑定点击事件, 当点击DIV时,不会响应已经绑定的点击事件. 解决方案是给DIV的设置以下样式. background-image: url(data:image/gif; base64,AAAA); 或 background-image: url("data:image/gif; base64,AAAA");

CSS让div背景透明

div背景透明样式: 样式代码: .alert{filter:alpha(opacity=100); /* IE */ -moz-opacity:1.0; /* Moz + FF */ opacity: 1.0; height:300px; width:500px; background:#ccc; left:50%; top:50%;margin-top:-150px;margin-left:-250px;position:absolute;z-index:99; text-align:cen

设置UITableView背景透明/监听cell左边的删除按钮的点击事件

_tableView = [[UITableView alloc] init]; _tableView.delegate = self; _tableView.dataSource = self; _tableView.frame = CGRectMake(kZero, 66, kScreenW, kScreenH - 66 - 70); //设置列表为透明背景 UIImage *image = [MusicManager createImageWithColor:[UIColor clearC

iOS设置截图背景图片透明

/** 设置图片背景为透明 */- (UIImage *)imageToTransparent { // 分配内存 const int imageWidth = self.size.width; const int imageHeight = self.size.height; size_t bytesPerRow = imageWidth * 4; uint32_t *rgbImageBuf = (uint32_t *)malloc(bytesPerRow * imageHeight); //

css背景透明文字不透明

测试背景透明度为0.3.文字不透明: background-color: #000; /* 一.CSS3的opacity */ opacity: 0.3; /* 兼容浏览器为:firefox,chrome,IE9+ 文字也跟着透明*/ /* 二.CSS3的rgba */ background: rgba(0, 0, 0, 0.3); /* 兼容浏览器为:firefox,chrome,IE9+ 其中IE8,IE7,IE6解析为背景全透明文字不透明 */ /* 三.IE专属滤镜 */ filter

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

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

导航栏视图设置 tabbleView 是设置总背景图

//导航栏视图设置 tabbleView 是设置总背景图 //默认的时白色半透明(有点灰的感觉), UIBarStyleBlack,UIBarStyleBlackTranslucent ,UIBarStyleBlackOpaque都是黑色半透明,其实它们有的时不透明有的时透明有的时半透明,但不知为何无效果 // self.navigationController.navigation Bar.barStyle=UIBarStyleBlackOpaque; //设置导航条背景颜色,也是半透明玻

QT模态对话框用法（在UI文件中设置Widget背景图，这个图是一个带阴影边框的图片——酷）

QT弹出模态对话框做法: 1.新建UI文件时,一定要选择基类是QDialog的,我的选择是:Dialog without Buttons(),如下图: 2.然后在使用的时候: MyDialog dlg(this); dlg.exec(); 如果不加this,则会在任务管理器里面产生一个新的EXE. 3.如果对话框的标题是自定义,不想使用系统的标题,这时候需要在代码中加入: setWindowFlags(Qt::Dialog | Qt::FramelessWindowHint ); setAttr

关于anroid设置webview背景方法探讨（转）

最近的项目中一直关于webView设置背景色问题在研究,最终找到了解决的方法. 基于我项目的需求,从服务端传过来的是带有标签的文本,如果使用textView会让整个布局显得很乱,里面的<img />的加载也会是个麻烦,但是基于webView背景色的设置就是研究的一个方向了! 使用android 中WebView的同事们都会发现一个问题,在使用webView控件时会发现其背景色是系统固定好的,如果不是用特殊方法更改其背景色会和自己整体的布局及色彩搭配很不适应! 下面就来介绍在不同android

在IE6下使用filter设置png背景

今天帮别人解决问题学会了一个在IE6下使用filter设置png背景,具体css写法如下: .login_form_wrap { width: 778px; height: 360px; background: url(../images/air/v_login_bg.png) no-repeat 0 0; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, si

Delphi控件的透明与不透明（要挨个解释一下原因），对InvalidateControl的关键理解

procedure TForm1.Button3Click(Sender: TObject);begin if (csOpaque in ControlStyle) then ShowMessage('不透明') else ShowMessage('透明') // Form透明end; procedure TForm1.Button3Click(Sender: TObject);begin if (csOpaque in Panel1.ControlStyle) then ShowMessage

使用纯css代码实现div的“回”字型“叠放”效果

正如大家所知道的那样,div是一个块级元素,也是网页编写过程中使用频率最高的一个元素,通过不同的样式控制可以实现一些最常见的页面效果,当然也可以实现一些比较复杂的页面效果,这里就展示一个本人面试过程中遇到的一个问题,如何使用最简单css样式通过div实现“回”字型图样?父类div必须设置的属性是什么?当然实现方法很多很多,下面就和大家分享一下我自己的方法(兼容Trident,Gecko,Presto,WebKit等内核浏览器),先看效果: 再看详细的代码: <html><head>

body和普通div背景图宽高百分比的区别

body和普通div背景图的区别 background: url(//m.360buyimg.com/mobilecms/s220x220_jfs/t2746/167/831241799/299152/1731092b/5728423cNa16c83cb.jpg!q70.jpg); background-size: 100% 100%; position: absolute; height: 100px; width: 100%; 你给body这个设置,和给

设置div 背景透明字不透明

热门专题