JS解决ie6下png透明方法

  解决ie6下png透明的问题想必前端都比较清楚,虽然有很多方法,但是我觉得用JS还是最省事的方法,不管是图片还是背景图片都OK。

<!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="http://jt.875.cn/js/iepng.js" type="text/javascript"></script> //此处调用透明的JS
<script type="text/javascript">
   EvPNG.fix('div, ul, img, li, input');  //EvPNG.fix('包含透明PNG图片的标签'); 多个标签之间用英文逗号隔开。
</script>
<![endif]-->
</head>
<body>
<div class="a">
    <div class="b">

      <p>875商机汇</p>
      <p><a href="http://www.875.cn">www.875.cn</a></p>
      <p>上边的链接可以点开哟</p>
   </div><!--背景调用-->

    <img src="tra.png" width="240"  height="307" alt="" /><!--页面插入图片-->
</div>
</body>
</html>

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索ie6兼容.png
, 方法
, background
, 透明
, png
, px
height
ie6png透明js、ie6 png 透明、ie6 png 透明 css、jquery ie6 png 透明、ie6兼容png透明,以便于您获取更多的相关知识。

时间: 2024-10-03 08:35:49

JS解决ie6下png透明方法的相关文章

JS解决ie6下png透明的方法实例

解决ie6下png透明的问题想必前端都比较清楚,虽然有很多方法,但是我觉得用JS还是最省事的方法,不管是图片还是背景图片都OK.   复制代码 代码如下: <!DOCTYPE html> <html lang="en"> <head> <title>解决ie6下png透明方法之JS法-</title> <style type="text/css">  .a{background: #FFFF99

JS解决ie6下png透明的方法实例_javascript技巧

复制代码 代码如下: <!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{ fl

png在IE6 下无法透明的解决方法汇总

  解决PNG图片在IE6下的透明这类问题谷歌上很多解决方案,属于非常常见的问题,以前我做的时候,这类透明我都是用gif,而直接避开png,所以到现在我并没有去了解过这个问题.今天就把这个问题整理下,解决方案汇总给大家. FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的 复制代码 代码如下: style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.pn

png在IE6 下无法透明的解决方法汇总_javascript技巧

FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的 复制代码 代码如下: style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png')" 语法: filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSi

解决ie6下png图片透明的完美方法

看了很多网上有关解决ie6下png图片透明的文章,很多都是只解决了页面上插入png图片或css背景调用,而且都没用透明效果,在ie6下仅实现了去除灰底色.今天特下载网上一些优秀页面进行分析整合,整理了两套相当有效的解决方案,可以同时支持插入图片或css背景调用问题. 更新下载版本说明: 1."ie6-png-2(filter)"文件中,滤镜控制调用背景透明和js控制插入图片透明不能同时出现,这样在不同浏览器下会有问题,可以分开使用: 2."ie6-png-1(js)"

解决IE6下不支持 png24的透明图片问题

常用的两种解决方案: 第一:使用IE滤镜解决 关键代码: css代码 _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.update8.com/Web/CSS/css/images/png24.png",sizingMethod="crop"); 有几点注意点: 1:这里对应的src地址一定是相对于html页面的不是相对于css路径的

css/js实现png图片ie6下背景透明实现代码

在IE6直接显示(包括内容中直接插入.作为背景图片)PNG-24格式的图片,是不能正确显示透明.半透明内容与其他内容的叠加呈现效果的.那些IE7+以及其他标准浏览器中漂亮的虚化.淡出.投影效果,在IE6-中很可能成了一坨难看的灰色. 如果你无法忍受ie6中难看的灰色,如果你无法放弃半透明叠加的效果,你会有机会遇到这个问题的.解决途径有不少.这里列举一些,以供参考: 1,修改设计效果,使之可以整块透明区域被切片而不影响显示效果.或者去掉半透明效果. 2,htc文件 这里的htc,和宏达手机是无关的

javascript解决IE6下hover问题的方法_javascript技巧

有时候我们想在非a标签上加hover元素 但是我们都知道IE6下不支持XX:hover,所以我们现在可以用js实现掉:代码如下 <!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

利用JS解决ie6不支持max-width,max-height问题的方法_javascript技巧

今天遇到一个关于用js解决ie6不支持支持max-width,max-height的问题,刚开始用jQuery方法来实现,不过一直获取不到css里面的值,如 复制代码 代码如下:   if($.browser.msie && $.browser.version == 6.0)  {    var maxWidth = parseInt($('.viewBigPic img').css('max-width'));    $('.viewBigPic img').each(function(