代码如下:<!DOCTYPE html><html lang="en"><head><title>解决ie6下png透明方法之JS法-</title><style type="text/css"> .a{background: #FFFF99 ; background-image: url(bg.jpg); height:800px;padding: 50px; } .b{ float: left; background: url(tra.png) no-repeat 0 0; width:240px; height:307px; margin-right:20px;} </style><!--[if IE 6]> //只有IE6才调用<script src="//www.gxlcms.com/js/iepng.js" type="text/jav...
经常看到网页里图片渐变显示,自己写一个。 原理很简单就是修改元素的css透明度。 在线预览效果:http://jsfiddle.net/dtdxrk/BHUp9/embedded/result/ 代码如下:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>原生Js元素渐隐/渐显方法</title> </head> <body> <button id="show">渐显</button> <button id="hiden">渐隐</button> <img src="http://images.cnitblog...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>弹出提示</title> <style> * { margin: 0; padding: 0; font-size: 12px; } html, body { height: 100%; width: 100%; } #content { background: #FFFF...
代码如下:<head> <title></title> <style type="text/css"> .imgclass{ width:300px; height:300px; border:solid 1px red;} </style> <script src="jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $(#Select1).change(function () { var thevalue = $(this).val(); $(img).fadeTo(2000, thevalue); }) }) </script> </head> <body> <table> <tr> <td> 透明度: <select id="...
IE6的PNG透明是个老问题了,最近有朋友问我有没有最好的解决这个问题的插件。虽然知道且在用DD_belatedPNG这个插件,今天抽空把这个发上来。 虽然之前在博客里发过一款jquery的png插件,但是不支持背景平铺。 DD_belatedPNG使用了微软的VML语言对PNG图片进行重新绘制,以达到半透明的效果,并且能支持background-position和background-repeat属性,支持伪类。是一款不错的值得推荐的插件,用法也比较简单。 使用方法: 代码如下:<...
我们时常在使用png图片的时候,在ie6下发生背景不透明的问题,下面给大家介绍下一个js解决的方式。 首先我们要用到一个js,代码如下: 代码如下:/** * DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>. * Author: Drew Diller * Email: drew.diller@gmail.com * URL: http://www.dillerdesign.com/experiment/DD_belatedPNG/ * Version: 0.0.8a * Licensed under the MIT License: http:/...
upload... #ui-upload-holder{ position:relative;width:60px;height:35px;border:1px solid silver; overflow:hidden;} #ui-upload-input{ position:absolute;top:0px;right:0px;height:100%;cursor:pointer; opacity:0;filter:alpha(opacity:0);z-index:999;} #ui-upload-txt{ position:absolute;top:0px;left:0px;width:100%;height:100%;line-height:35px;text-align:center;} #ui-upload-filepath{ position:relative; bor...
如下 代码如下:<div style="width:100px;height:100px;background:gold"></div> 用IE开发者工具,或IE8自带的开发者工具。结构如 图1 :红色所圈之处可以看到给div添加的内联样式width,height,background都依次排列。正常!但给该div添加filter:alpha(opacity=20)后, 代码如下:<div style="filter:alpha(opacity=20);width:100px;height:100px;background:gold"> </div> 情况发生了变化,如 图2 :红色所圈之处看到,width和...
1,使用js文件使IE支持png图片透明效果。 pngfix.js: 代码如下:var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1]) function fixPNG(myImage) { if ((version >= 5.5) && (version < 7) && (document.body.filters)) { var imgID = (myImage.id) ? "id=" + myImage.id + " " : "" var imgClass = (myImage.className) ? "class=" + myImage.className + " " : "" var imgTitle = (myIm...
但是最近服务器端js的火爆确实因为node.js项目。在velocity china 2010大会Douglas Crockford(Yahoo!)也有一个topic《卷土重来:服务器端JavaScript》提到node.js。关于node.js的详细资料请google. node.js的非常大的一个特点就是事件驱动,在开发服务器端服务的时候显得非常方便。昨晚在新浪的@timYang也提到了node.js,估计新浪微博也注意到了它的优点。同时,淘宝最近也表示对node.js有相当的兴趣。参见:http://www.tbd...
我们知道IE6是不支持透明的PNG的,这无疑限制了网页设计的发挥空间. 然而整个互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是e­xpression,再到javascript+透明GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat. 而我今天介绍DD_belatedPNG,只需要一个理由,就是它支持backgrond-position与background-repeat.这是其他js插件不具备的.同时DD_belatedPNG还支持a:h...
原型:http://jquery.andreaseberhard.de/pngFix/index.html 下载:http://jquery.andreaseberhard.de/download/pngFix.zip 很方便使用:) 代码如下:<script type="text/javascript" src="jquery-latest.pack.js"></script> <script type="text/javascript" src="jquery.pngFix.js"></script> <head> ... <script type="text/javascript"> $(document).ready(function(){ $(document).pngFix(); }); </script> ... </head> 脚本之...
步入正题: 现在全屏的半透明遮罩层在web2.0网站应用非常广泛了,绝大多数遮罩是通过计算页面大小,然后覆盖一个与页面同等大小的层实现,如腾讯qzone, wordpress后台。这种方式本来无可非议,但是在页面很长的时候在IE8下会失效(国外资料的解释是与机器显卡相关),有些完美情节的同学遇到这个问题后就抓破了头,无奈之下甚至想让IE8强制使用IE7的方式解析他的作品。其实我们有一个更好的方法,咱们用CSS去解决它! 还记得“posi...
这里是测试页。在JavaScript里面设置透明度 我用下面的代码来设置透明度: 代码如下:function setOpacity(value) { testObj.style.opacity = value/10; testObj.style.filter = alpha(opacity= + value*10 + ); } 在Mozilla和Safari里使用opacity,IE使用filter。value的值从0到10。 测试结果 IE说明:一个元素必须有一个layout来执行filter。并且IE6对于元素的left margin有很奇怪的表现。 翻译地址:http://www.quirks...
代码如下:function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6. { var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1]) if ((version >= 5.5) && (document.body.filters)) { for (var j = 0; j < document.images.length; j++) { var img = document.images[j] var imgName = img.src.toUpperCase() if (imgName.substring(imgName.length - 3, imgName.leng...