半透明div#div1 { margin:0px auto; width:500px; height:370px ; text-align:center; background:url(/wall3.jpg);}#div2 { height:330px; filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;z-index:100; background-color:#ffffff; } 这里是透明的DIV http://www.999jiujiu.com/
最近开发网站，需求是三个一屏，1和3只能看见一半，2显示在中间，无箭头按钮。 因为之前写过一个有前后按钮的插件，想着怎么就在这上面改造，故把前后按钮去掉背景，定位在了1和3的位置上来实现点击前后， 发现按钮在ie8下无论如何修改层级，按钮都不行，于是百度，后来得知这是ie的bug，透明背景的元素会导致click事件失效。非常遗憾。 故又要回到修改脚本或加上透明背景png。
碰到好几次这样的情况了: 一个带点儿文艺效果 背景图片模糊 而一行别致的文字清晰的悬浮在背景上(口胡,加点美好的想象,生活会更美好)第一反应是 this is easy. cause i know css have attribute like(blur,opacity)好像很容易,顶多再加点儿 1 -moz-opacity:0.5;2 filter:alpha(opacity=50); /* 针对 IE8 以及更早的版本 */3 -webkit-filter: blur(3px); /* Chrome, Opera */4 -moz-filter: blur(3px);5 -ms-filter: blur(3px...
文字显示在图片上*{border:none;text-decoration:none}.wrap{margin:8px;position:relative}.photo a{position:absolute;display:block;border:1px solid #555555;}.photo a:hover{border:1px solid #FFFFFF;}.photo span{width:500px;background:#000;display:block;position:absolute;bottom:0;left:0;color:#fff;filter:alpha(opacity=50);-moz-opacity:0.6;opacity:0.6;font:bold 12px/30px Verdana, Arial; text-align:center...
FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的 style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png)" 语法：filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL ) enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true : 默认值。滤镜激活。false : 滤镜被...
div透明body { background-image: url(100/www.aigle1853.co.kr/websrc/images/common/bg_wrap2.jpg); background-repeat: no-repeat; background-position: center top; background-attachment:fixed;} www.100sucai.com 转载自：http://www.100sucai.com
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:center; padding:20px;} 使用方法： 背景透明 html代码： Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio...
目前互联网对于网页效果要求越来越高，不可避免的用到PNG图片，PNG分为几种格 式，PNG8 PNG24 PNG32,其中最常用的，也是显示效果和大小比较适中的则是PNG24,支持半透明，透明，颜色也非常丰富，但由于咱们国人使用IE系列或以IE为内核系列的浏览器占大多数，并且由于 WINDOWS XP在国内市场份额比较大，并且XP上好多人还在用IE6 IE7 IE8等浏览器，而这些浏览器对于PNG支持或多或少都有差距，IE6完全不支持PNG，IE7 IE8支持PNG不完全，...
CSS文件中设置如下即可 filter:alpha(opacity=60); //支持IE opacity:0.6; //支持Chrome，Firefox 版权声明：本文为博主原创文章，未经博主允许不得转载。
如图片： 1、这种背景效果用CSS3应该怎么做？ 他不是纯的半透明，有点砂玻璃的效果？ 导出图片又会变成白色的。 可能是 半透明0.85，外加Filer，有人可以做出来么？ 2、下面的流线型的图片上还有文字，如果用png作为背景。还有半透明效果吗？ 是不是左边用图片，右边用背景。 这样是不是会出现缝隙？？？ 回复讨论(解决方案) rgba(255,255,255,0.85); rgba(255,255,255,0.85); 不是只...
设置背景图片，以突出透明度的效果及jquery png背景透明插件实例教程 toggle() body{ background:url(bg.jpg); margin:20px; padding:0px; } img{ border:1px solid #ffffff; } $(function(){ $("img").toggle( function(oevent){ $(oevent.target).css("opacity","0.5"); }, function(oevent){ $(oevent.target).css("opacity","1.0"); } ); }); 下面看一个jquery png背景透明插件 ... ...
div的背景是不是透明的: 这个问题比较简单，但是可能对于初学者比较陌生，例如，有的初学者可能认为div的背景颜色是白色的，因为有时候看起来就是这样的。下面通过一个实例来证明一下是不是这样的。代码如下: 蚂蚁部落div { width: 100px; height: 100px; position: absolute;}.left { left: 20px; top: 20px; background-color: #699; z-index: 1;}.right { left: 40px; top: 40px; border...
说到动画我想大家并不陌生，接下来就说一下Animation动画中的AlphaAnimation，这是一个改变组件透明度的类。接下来我们代码分析。 1、首先编写布局文件。 //这里定义了一个显示图片的组件 2、接下来编写MainActivity.java文件。 package com.example.dell.bitmapproject;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.Menu;import android.view.MenuItem;import...
在工作中做一个图片半透明遮罩时发现在IE8下不兼容 一查再知道IE8不支持rgba颜色，再搜搜兼容性方法，没想到这么快就解决了。 先说说rgba的含义： r代表red，g代表green，b代表blue，a代表透明度。红绿蓝是三原色，所有颜色都可以由这三种颜色拼合而成。比如rgba(0,0,0,.5)就是透明度为0.5的黑色。现代浏览器是支持rgba的，但是在IE8等古董级浏览器中是不支持rgba的，IE8只能勉强支持rgb()函数（即去掉了透明度，只能表示颜色...
png24格式的图片在用jQuery添加显示隐藏动画时发现，图片的半透明区域出现黑边？ 在网上搜了搜主要有以下几种办法： 1、把图片保存成PNG-8格式。 2、把背景色一起切入并保存为JPG格式。 以上两种方法我试了试，好像效果并不好png8格式仍就会有黑边。 解决方法： 1、不要直接改变图片的透明度，而是给图片套个容器，去修改这个容器的透明度 2、给这个容器加个颜色相近的背景颜色（非常重要，解决bug的关键就在这一...