`
fantaxy025025
  • 浏览: 1351212 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

expression和behavior的路径问题(IE6的png图片透明背景问题)

 
阅读更多

 

IE6的png图片透明背景问题

使用htc和behavior是解决方案之一,但有个严重问题,路径问题,暂时美欧好的解决方法。

 

http://qingyuexiao.iteye.com/blog/696819

    在研究IE中PNG图片透明度问题时,了解到iepngfix.htc这个东西,进而看到大家用behavior来解决该问题。基本意思就是先下个iepngfix的包,其解其中的blank.gif和iepngfix.htc(最新版本还需用上iepngfix_tilebg.js来解决背景repeat问题),在CSS中配置behavior:url("目录/iepngfix.htc");即可。要注意的是如果blank.gif文件另放在其他目录中(即与iepngfix.htc不同目录),则需要修改iepngfix.htc中的“IEPNGFix.blankImg = thisFolder + 'blank.gif';”这一行代码,改成相应的路径即可。 

     具体见附件的iepngfix包,里面有例子,这里不再缀述。 

 

 

实例讲解css中的行为:expression和behavior(behavior的路径问题)

http://hi.baidu.com/easyphp/item/2ae8f4f6cf02b8b530c199c8
     这里要说的是,behavior这个属性MS比较特殊,一般来说CSS文件中的样式路径应该是CSS文件所在目录的相对路径,但behavior:url(...)中的路径却是加载该CSS文件的页面的相对路径。偶调了好一会儿才发现这个问题,虽然算是解决了PNG在IE6下的透明问题,但这个路径问题仍然带来了一些麻烦。不知道大虾们有没有什么好办法可以解决。 
    

      在公司看到看到同事设计的网页里用behavior调整PNG图片在IE6下的透明度,再结合expression,查了些资料,又很无耻很懒惰地转了一篇文章过来。
      文章来源:http://www.cnblogs.com/JustinYoung/archive/2008/07/21/expression-behavior-in-CSS.html
      记下在套用SMARTY发现的一个有趣现象,behavior如果(1)是用在CSS文件里,那么htc文件的相对路径,应该是相对于调用CSS的HTML文件的路径,而不是相对CSS文件的路径。

 

 

+

-

*

 

 

 

 

 

分享到:
评论

相关推荐

    ie6中png透明解决方案 js

    由于IE6不支持PNG-24格式的 Alpha 透明通道,导致图片背景出现黑色或者半透明遮罩。为了解决这个问题,开发者们采取了一些JavaScript技巧来实现IE6下的PNG透明效果。本压缩包提供的"ie6中png透明解决方案 js"正是...

    PNG图片IE6下面解决最好的方法

    PNG图片在Internet Explorer 6(简称IE6)下的显示问题是一个历史遗留的挑战,由于IE6对PNG格式的不完全支持,导致透明效果和部分渲染出现异常。PNG是一种优秀的无损压缩图像格式,广泛用于网页设计,特别是需要半...

    IE6浏览器下PNG背景透明

    3. **JavaScript库**:还可以借助于JavaScript库,如DD_belatedPNG.js,它能自动检测并修复IE6下的PNG透明问题。只需在页面头部引入该库,并添加类名`ddpng-fix`到需要修复的元素上。 4. **升级浏览器**:虽然这并...

    IE6下PNG背景透明的方法.rar

    有一些JavaScript库和插件,如DD_belatedPNG.js,专门为解决IE6下的PNG透明问题而设计。它们通过JavaScript动态修改元素样式,实现对PNG透明的支持。 6. **条件注释**: IE6特有的条件注释可以在HTML中插入只针对...

    ie6-png解决方案01

    标题"ie6-png解决方案01"暗示了我们将探讨针对这个问题的解决策略,而描述中提到已经分析并整理了两种有效的方法,可以同时处理插入图片和CSS背景的透明问题。 首先,让我们来看看一种常见的解决方案——使用...

    IE6浏览器完美兼容PNG图片的BUG(包括背景)

    具体实现原理是利用IE6特有的滤镜属性,如"progid:DXImageTransform.Microsoft.AlphaImageLoader",它可以加载另一个图像作为透明效果,从而解决PNG的透明问题。将这个脚本引入到HTML文件中,可以自动修复页面上的...

    png图片在IE下透明实现方法

    在压缩包中,`ie.css`可能是包含了上述修复PNG透明问题的CSS样式,而`iepngfix.htc`是实现PNG透明的关键行为文件。`使用方法.txt`则可能提供了如何在项目中应用这些文件的详细步骤。具体使用时,开发者需要根据自己...

    PNG在IE6下透明

    4. **JavaScript库**:有一些JavaScript库如DD_belatedPNG或PNGFix专门用于解决IE6的PNG透明问题。它们通过动态插入SVG元素或者使用滤镜来实现透明效果。 5. **升级或替代浏览器**:尽管这是一个理想的选择,但实际...

    PNG图片透明

    4. **JavaScript库**:还可以利用JavaScript库,如DD_belatedPNG,专门为IE6解决PNG透明问题。这个库通过JavaScript动态插入一个VML(Vector Markup Language)元素来模拟PNG的透明效果。 5. **升级或替代浏览器**...

    实现IE6下PNG背景透明的方法

    - 为了解决这个问题,开发者创建了一些JavaScript库和jQuery插件,如`DD_belatedPNG`,它们可以自动处理IE6下的PNG透明问题,使代码更简洁。 7. **PNG图片替代方案** - 使用其他图片格式,如GIF(支持简单透明)...

    PNG背景透明在网页设计中的运用

    在CSS中,可以使用`filter`属性配合`AlphaImageLoader`滤镜来解决IE6下的PNG半透明问题。核心代码如下: ```css background-image:url(weather.png)!important; filter:progid:DXImageTransform.Microsoft....

    IE8优化(模仿IE6)

    6. **PNG透明度支持**:IE6对PNG24位图片的透明度支持不佳,而IE8已经完全支持。如果需要兼容IE6,可能需要使用CSS滤镜或其他方法处理PNG图片。 7. **布局和盒模型**:IE6对盒模型的处理与标准浏览器不同,需要调整...

    IE6-IE11兼容性问题列表及解决办法.rar

    4. **PNG透明度问题**:IE6对PNG24位图的透明度支持不佳,需要使用特定的CSS技巧(如`filter`属性)或JavaScript库来修复。 5. **DOCTYPE声明**:不同的DOCTYPE会导致浏览器在不同的渲染模式下工作,如quirks mode...

    网页排版IE6兼容性问题修改方法

    IE6不支持PNG24位的透明效果,但可以通过CSS滤镜(`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader`)来实现,或者转换为PNG8格式并使用Alpha透明通道。 4. **双边距问题** 当元素设置为`display:...

    让IE6也识别CSS3-圆角效果应用border-radius

    5. **图片背景遮罩法**:如果元素背景是纯色或者简单的渐变,可以创建一个带有圆角的PNG图片作为背景,然后通过调整元素大小和位置来实现圆角效果。此方法适用于不涉及复杂背景和透明度的情况。 6. **多背景图层**...

    微软Expression Studio 2 Icons Pack 图标集PNG格式下载

    PNG则是一种无损压缩的位图格式,支持透明度和高色彩深度,常用于网页设计和图形编辑,因为它能保持图像质量的同时,又具有较高的文件压缩率。 Expression Studio 2是微软推出的一套集成开发环境,旨在帮助创意专业...

    DD_belatedPNG,IE6下PNG透明解决方案(国外)

    关于DD_belatedPNG的介绍,本文将详细介绍该工具如何解决IE6下PNG透明问题,同时对比其他工具的不足。IE6浏览器无法直接支持透明PNG图片,这在网页设计时会造成很多不便。为了解决这个问题,网上的解决方案主要分为...

    IE6, IE7, IE8 CSS 兼容速查表

    6. **PNG透明问题**:IE6对PNG-24格式的透明支持不佳,需要使用`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader`来修复。 7. **定位问题**:IE6的绝对定位存在缺陷,需要设置`hasLayout`(如`position...

    ie6测试工具

    IE6是微软在2001年推出的一款浏览器,由于其市场份额和历史遗留问题,对于开发人员来说,确保网站在IE6上的兼容性仍然是一个挑战。 描述中提到的“很好的兼容 更接近真实的ie6”,意味着这个测试工具能够模拟IE6的...

    DIV+CSS相对IE6、IE7和IE8的兼容问题

    在网页设计中,`DIV+CSS`是一种常见的布局方式,然而不同版本的Internet Explorer(IE6、IE7和IE8)对于CSS的支持存在诸多兼容性问题。这些问题往往导致页面在不同浏览器中显示不一致,增加了开发者的调试难度。下面...

Global site tag (gtag.js) - Google Analytics