如何解决div背景色半透明,里面的图片不透明问题

用rgba可以实现,不能用opacity

背景做成透明的背景图,opacity属性影响子集的,除非把两者独立开~

时间: 05-01

如何解决div背景色半透明,里面的图片不透明问题的相关文章

div css布局中CSS图片大小自动按比例等比例缩小图片不变形解决技巧(转)

在DIV CSS布局中对于图片列表或图片排版时,图片不是固定宽度高度大小,但图片占位是固定宽度高度,这个时候如果使用CSS固定死图片大小(宽度 高度),这个时候如果图片相对于这个位置不是等比例大小,那么这张图片就会变形,让图片变的不清晰,这个时候想让图片不变形又按比例缩放,如何解决?CSS图片缩小不变形,图片自动缩小,图片按比例等比例缩小不变形解决. 解决方法有两种: 第一种,让图片和布局宽度高度成等比例,这样CSS设置死宽度和高度,图片也是等比例缩小,图片也不会变形. 比如淘宝,要求店铺主上传

解决div里面img的缝隙问题~

解决div里面img的缝隙问题 图片IMG与容器下边界之间有空隙怎么办?这里介绍3中简单的解决方法. 第一,给图片img标签display:block. img{display:block} 第二,定义容器里的字体大小为0. div { width:110px; border:1px solid #000000; font-size:0 } 第三,定义图片img标签vertical-align:bottom,vertical-align:middle,vertical-align:top img

<转载>解决div里面img的缝隙问题

转载自:http://blog.sina.com.cn/s/blog_9fd5b6df01013mld.html 练习切图时发现img和父级div之间总是有2px空隙(chrome),上网搜索解决. 图片IMG与容器下边界之间有空隙怎么办?这里介绍3种简单的解决方法. 第一,给图片img标签display:block. img{display:block} 第二,定义容器里的字体大小为0. div{ width:110px; border:1px solid #000000; font-size

CSS实现文字半透明显示在图片上方法

CSS实现文字半透明显示在图片上方法 在css中文字半透明我们会需要使用滤镜效果也就是css中的filter:alpha来实现了,下面来看两个文字显示在图片上并且半透明的例子. CSS让一行文字显示在图片的底部,用来说明图片的内容,当作图片标题,标题文字和背景可以设置半透明,鼠标经过图片时边框换色. 代码预览 代码如下 复制代码 <head> <meta http-equiv="Content-Type" content="text/html; charse

CSS+JQuery实现Tabs效果,点击更改背景色(不含图片)

1,Html代码 1 <body> 2 <div id="box"> 3 <ul id="tab_nav"> 4 <li class="nonblank">购买标书</li> 5 <li class="blank"></li> 6 <li class="nonblank">法授</li> 7 <

如何解决谷歌浏览器下jquery无法获取图片的尺寸

代码如下: $(document).ready(function(){ var img_h=$img.height(); var img_w=$img.width(); }) 以上代码在IE和火狐中没有问题,但是在谷歌中可能会出现问题,之所以没货的尺寸就是因为图片没有加载完成. 修改方法如下: $(document).ready(function(){ $img.load(function(){ var img_h=$img.height(); var img_w=$img.width(); }

div可以同时设置背景图片和背景颜色吗?

前言 当然可以同时设置 当图片背景色不透明时 情况一:当图片的长.宽 >= div的长.宽时 我们最终看到div背景是图片,之所以说是最终看到,是因为在页面加载时,我们先看到的div背景是颜色,等加载完了之后,图片位于颜色之上,因为长宽相同,图片覆盖颜色,最终呈现出来 情况二:当图片的长.宽 < div的长.宽时 我们最终看到div背景是既有图片又有颜色,图片范围外div范围内显示的是颜色 当图片背景色透明时 无论图片的长.宽 >= div的长.宽还是图片的长.宽 < div的长.

解决div相对定位移动后的空白

解决方法:用margin-top:-100px 解决div相对定位移动后的空白,布布扣,bubuko.com

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

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