css实现的文字位于图片之上且背景半透明:现在很多网页中都有这样的效果，就是文字说明悬浮于图片之上，并且文字的背景是半透明的，这不但美观而且也可以节省网页空间，下面就通过代码实例介绍一下如何实现此效果。代码如下: 蚂蚁部落 a.title{ color:#D3D3D4; background-color:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#A0000000',EndColorStr...
解决方案： 1. 滤镜 IE浏览器中特有的滤镜效果,且必须将png文件作为背景图像. Filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src=string,sizingMethod)是否启用滤镜效果.背景图像的显示方式 Image:放大或缩小盒子尺寸,以显示整个背景图像. Crop:裁切图片以适应对象尺寸. Scale:缩放图片以适应对象尺寸. #box{ // 针对IE Width:152px; Height:152px; Filter:progid:...
.mb{16 background-color:#9e9e9e;filter:Alpha(Opacity=60);position:absolute;opacity:0.6;top:0;left:0;z-index:10;18 }
现在做的网站首页，导航条等使用了半透明效果，调试的时候鄙人使用了Chrome浏览器，之前有考虑过IE的兼容性问题，但打算，网页完全布局完成后一次性解决。因为只要求兼容到IE8，所以感觉并没有什么太大的问题。 但是当进入调试阶段的时候，我彻底“崩溃了”IE简直就是反人类的代名词，但问题仍然需要解决。 首先，正常情况下，在高版本的浏览器下，对一个盒子的背景使用半透明效果，我们只...
前面的话 颜色的出现让网页不再只是黑白，运用好颜色设计，能让网页增色不少。一个网页给人们留下的第一印象实际上就是它的整体颜色。关于如何设置颜色，请移步CSS的6种颜色模式。实际上，颜色的应用主要分为前景色、背景色和透明三个部分。本文主要介绍前景色和透明度。 color前景色 值: | inherit 初始值: 用户代理特定的值 应用于: 所有元素 继承性: 有 【影响边框】 一...
在项目中的问题，之前用的是用IETest测试IE7,8发现背景透明设置无效，后来找文章解决！看了一些资料，做下总结。 几种IE半透明CSS样式 IE8里可以这样写 -ms-filter:”progid:DXImageTransform.Microsoft.Alpha(opacity=50)”; IE7里可以这样写 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); IE6,IE7,IE8里都可以这样写 filter:alpha(opacity=50) progid:DXImageTransform.Microsoft这种写法很是难懂...
一、理论： 1.CSS3颜色模式 a.RGBA颜色模式，在RGB基础上加了控制alpha透明度的参数 b.HSL颜色模式：色调 饱和度 亮度 c.HSLA颜色模式：A值取于0-1之间，值越大，透明度越低 2.RGBA/HSLA滤镜格式 a.需要用转换工具才能在ie8及以下版本中使用RGBA/HSLA颜色模式相同的透明度，需要将RGBA/HSLA中的透明值乘以255，然后将其转换成十六进制值 二、实践： 1. Title .row{ overflo...
简述 在前面，我们分享过关于三角的实现方式，主要根据border属性来设置，下面我们来实现上、下、左、右各种不同颜色的三角。 简述 实现 效果 源码 实现 效果 源码 /* 上三角 */.arrow-up { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid green;}/* 下三角 */.arrow-down { ...
为了添加透明度，我们使用 rgba() 函数来定义颜色结点。rgba() 函数中的最后一个参数可以是从 0 到 1 的值，它定义了颜色的透明度：0 表示完全透明，1 表示完全不透明。rgba()后面的百分比表示位置。 具体代码： background: -webkit-linear-gradient(top, rgba(255,255,255,0.4)0%, rgba(255,255,255,0.2)75%, rgba(255,255,255,0)98%);/* Safari、Chrome */background: -o-linear-gradient(bottom, rgba(255,255,...
任意值的运动框架 div { float: left; width: 200px; height: 200px; margin: 20px; background-color: yellow; border: 1px solid black; font-size: 14px; filter: alpha(opacity=30); /*IE*/ opacity: 0.3; /*火狐,chrome*/ } 关于JS运动框架，需要注意的点如下： 1. 透明度和非...
div背景透明内容不透明 .set_bottom{ width:100%; height:200px; background-color:#49494A; display:block; text-align:center; color:#FFF; font-size:14px; font-family:Verdana, Geneva, sans-serif; position:fixed; bottom:0px; left:0px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 100) + "px"); z-index:999999; filter:alpha(opacity=...
IE6 JavaScript 网上的ie6 PNG透明的方法都用过了但无效，不知道是什么原因了，是和其他js代码有冲突或是什么码？ 回复讨论(解决方案) 解决了，下载这个文件就完美的解决了http://www.alixixi.com/web/a/2009052156000.shtml
无标题文档.box{position:relative;}.bg{position:absolute; left:5px; top:5px; z-index:-1; font-size:12px;}input{ height:20px; background-color:transparent; border: 1px solid #F00;}文明扯淡，利国利民。 当一个input框背景透明时（background-color:transparent;），在ie下会被穿透，而在chrome等浏览器下则不会，有什么方法可以解决？ 回复讨论(解决方案) 有人知道吗？ 可以用半透明的图片作为input的背景，...
#focus .next { Z-INDEX: 10000000; BACKGROUND: url(../images/rrmenu.png) no-repeat 0px 0px; RIGHT: -20px; /*_background:none;*/ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/rrmenu.png;)} _background:none;这句加上IE6上图片就消失不见了。。 不加图片也不是透明的啊 折腾了半天，这张图片在IE6上死活就是不透明。。。IE9 CHROME是透明的 回复讨论(解决方案) #focus .nex...
鼠标放上去后弹出的漂浮选项菜单是透明的，怎样才能让它不透明？ 原代码如下： 下拉#sddm{ margin: 0 auto; padding: 0; z-index: 30; background-color:#F4F4F4; width: 480px; height:23px;}#sddm li{ margin: 0; padding: 0; list-style: none; float: left; font: bold 12px arial}#sddm li a{ display: block; margin: 0 1px 0 0; padding: 4px 10px; width: 60px; background: #5970B2; color: #FFF; text-ali...