11.11也是公司成立的日子，16岁啦，我呢3岁半，感谢公司给了这样一个平台，让我得以学习和成长，这里祝愿公司发展越来越好~ 进入主题，每年11月11号是光棍节，产生于校园，本来只是一流传于年轻人的娱乐性节日，以庆祝自己仍是单身一族为骄傲，而如今是各大商家以脱光为由打折促销的时期，成为了所谓的”购物节“，双11也算了，后面还要搞双12，不得不吐槽下。 于是呢，熬夜加班做了11.11的活动，在PC端遇到了透明背景和透明图...
由于游戏类官网在页面背景和装饰人物的设计上追求画丽且与游戏风格想匹配，这就给前端页面制作人员带来了很多的麻烦，一个页面的制作主要时间和精力花费在兼容ie6上，而ie6因为不兼容png-24的图片一直被开发人员所鄙视。 由于市场决定了页面的存在的价值，所以ie6还是必须要兼容。 下面介绍几种常用的解决办法： dd_belatedpng.js法 引入js文件 DD_belatedPNG.fix('.pngfix'); ...
透明层-弹出层 *{margin:0;padding:0;} .main{width:100%; height:1000px;} .div1{ top:0; left:0; width:100%; height:1000px; position:absolute; z-index:10; } .div2{ width:100%; height:1000px; z-index:-1; position:absolute; /**透明层*/ background:#000000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } .div3{ margin-left:100px; width:100px; height:200px; backgrou...
CSS实现圆角,阴影,透明的方法很多,传统的方法都比较复杂,用CSS3就方便很多了,虽然现在各浏览器对CSS3的支持还不是很好,但不久的将来CSS3就会普及. 1.圆角 CSS3实现圆角有两种方法. 第一种是背景图像,传统的CSS每个元素只能有一个背景图像,但是CSS3可以允许一个元素有多个背景图像.这样给一个元素添加4个1/4圆的背景图像,分别位于4个角上就可以实现圆角了. Html代码 .box { ...
在网页中嵌入一个png的图片，图片是百度到的。网页的背景色是自己设定的，选用png的优点就是png有透明通道，能够看到北京颜色，不会想jpg图片那样会有白色边框，不会有jpg那样的图片背景，只有网页背景。 关键问题是：我放入的好几张图片中，有的png图片的背景的白色背景完全没有被网页的背景覆盖掉。这是怎么一回事丫？ 雪人 <img src="https://www.gxlcms.com/image/雪人.png" 原图也附上： 回复讨论(解决方...
设置元素的透明度： -moz-opacity:0.8; /*在Firefox中设置元素透明度 filter: alpha(opacity=80); /*ie使用滤镜设置透明 但是当我们对一个标签设置背景的透明度时，往往我们并不希望该标签上的文字图片也变成半透明了。 例如： 不透明 div{-moz-opacity:0.3;filter:alpha(opacity=30);background:#000;width:500px; height:...
网上有说将子div的position属性设为relation，这个方法对于父div没有使用position:relation的有效，可是我的父div已经使用了position:relation，这样的话在子div里设置的就会失去作用。有其它的方法解决吗？ 回复讨论(解决方案) 用alpha透明， http://leegorous.net/tools/bg-alpha.html 用这个工具生成。 在父里面添加一个层 这个层透明 这样其他的就不会透明了 这个层只要个父大小背景图片一致就可以了...
求背景图片透明，文字不透明的方法，兼容各种浏览器最好。 目前知道两种。测试浏览器chrome ie11 方法一（目前最满意，只是不支持图片） background:rgba(255,255,255,0.5) !important; 两者都支持 方法二（span在div中） div{ filter:alpha(opacity=20); opacity:0.2;， } span{ position:absolute; } ie11支持，chrome不支持！！ 回复讨论(解决方案) 把背景图片本身制作成半透明的pn...
收集一个兼容主流浏览器的透明CSS代码 filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;
先上效果图： css： .ydy{ width:100%; height:100%; overflow:hidden; background-color:#000000; filter:alpha(opacity=80); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; position:absolute; top:0px; z-index:9999px;}.ydy img{ width:100%;} html页面上只需一个div即可： 这是一个测试页面 加上一个透明的图片即可实现用户引导页的功能，例如新版功能介绍、用户引导等功能！ 我的个人...
描述不清楚这种效果，直接上图，无图无真相 图中那个表单效果怎么实现呢？ 回复讨论(解决方案) input{opacity: 0.8;} input{opacity: 0.8;} 我给input、textarea加了 opacity:value属性。但是无法达到那种，表单内容透明，而其他部分不透明。 这里需要考虑三个层： 1、那张透明的背景图 2、蓝色的背景 3、表单输入框的透明效果 现在比较混乱的是如何摆放这三层。。。 .d1{backgr...
方案1 - 滤镜解决方案：介绍：滤镜从IE4.0被微软正式引入，所以我们可以使用滤镜解决IE6的PNG透明问题，滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片。注意：此方法在部分版本的IETest中无效，建议使用标准的IE6来进行测试！目录说明： 思路： 1、书写正常的CSS代码，通过background导入图片，这样所有的浏览器均使用了此PNG图片； background:url(../images/W3CfunsLogo.png); ...
测试背景透明度为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:alpha(opacity=30); *zoom: 1; /* 兼容浏览器为：IE6，7，8，9(需触发ha...
一直以来看到各大网站的FLASH都是黑框框的，很好奇，难道他们不知道flash是可以设成透明的？于是用IE Tab插件浏览了下，发现人家的网页又正常，这样一来我就开始怀疑是我的Chrome有问题，于是在换了多台电脑，多种操作系统之后找到了治标治本的方法：在遇到这里网站时，尽量用IE，如果你的网站也在这类网站之中，那么你可能需要修改自己的网站代码这是一则flash设置为透明的html代码 添加了上面的html代码以后就可达到IE浏览器flas...
效果图： HTML： $(function () { //1、通过公共类DD_belatedPNG.fix(".pngFix,.pngFix:hover"); //2、直接用选择器：类名，ID，标签DD_belatedPNG.fix(".imgpng,img");}); DD_belatedPNG实现IE6下的透明背景1、通过公共类pngFixwindow.onload = function () {DD_belatedPNG.fix(".pngFix,.pngFix:hover");}2、直接用选择器：类名，ID，标签实现DD_belatedPNG.fix(".imgpng,img"); ...