`

CSS中behavior的路径问题

CSSHTCIE 
阅读更多
    在研究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包，里面有例子，这里不再缀述。

     这里要说的是，behavior这个属性MS比较特殊，一般来说CSS文件中的样式路径应该是CSS文件所在目录的相对路径，但behavior:url(...)中的路径却是加载该CSS文件的页面的相对路径。偶调了好一会儿才发现这个问题，虽然算是解决了PNG在IE6下的透明问题，但这个路径问题仍然带来了一些麻烦。不知道大虾们有没有什么好办法可以解决。
    
分享到：
| IE和firefox中的宽度显示差异
评论
1 楼 avrilxu 2011-09-21  
发现了这个问题，目前没有什么好的办法
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    iecss3.htc支持输入框圆角

    在CSS中，我们可以通过添加`behavior`属性并指定`url(iecss3.htc)`来引入这个文件，使得IE浏览器能够识别并应用圆角效果。例如： ```css input[type="text"] { -webkit-border-radius: 10px; /* Chrome, Safari, ...

    css中url的路径含义

    当我们在CSS中设置`background-image`属性时，会使用`url()`来指定背景图像的路径。例如： ```css .mainheader { height: 52px; background-image: url(../images/mainheader_top_bj.gif); background-repeat:...

    css中url的路径含义及使用

    需要注意的是，路径中的大小写敏感性取决于服务器的操作系统。在Windows系统上通常不区分大小写，在Unix/Linux系统上则区分大小写。 此外，url()函数中的路径可以包括查询字符串或锚点，例如：url('file.png?v=1.0#...

    css3兼容圆角

    在上述CSS代码中，`/path/to/css3.htc`应该替换为你实际存放`css3.htc`文件的路径。 虽然`css3.htc`提供了一种在IE8上实现圆角边框的解决方案，但它也有一些局限性。首先，它依赖于JavaScript，如果用户禁用了JS，...

    csshover.htc

    body { behavior: url("csshover.htc"); } /*注意路径*/

    引入PIE.htc使ie7,ie8 支持css3 border-radius圆角效果

    需要注意的是，PIE.htc的路径必须是相对HTML文档的，而不是CSS文件的，因为浏览器会从HTML文档的上下文中寻找`.htc`文件。因此，确保文件路径正确无误非常重要。 样例.txt 文件可能包含了一个使用PIE.htc的示例，...

    IE兼容CSS3圆角border-radius的方法（同时兼容box-shadow，text-shadow）

    要使用这个文件，你需要在CSS中添加一个`behavior`属性，指向`.htc`文件，例如： ```css .ie-fix { behavior: url(ie-css3.htc); -webkit-border-radius: 10px; /* Safari 和 Chrome */ -moz-border-radius: 10...

    CSS-CSS属性速查表

    以上总结涵盖了给定文件中提到的CSS属性和相关知识点，详细解析了每个属性的作用、应用场景及与其他属性的关联，旨在帮助读者深入理解CSS的灵活性和强大功能，为高效运用CSS进行网页设计和开发奠定坚实基础。

    让IE8以下兼容HTML5标签和CSS3高级选择器

    在开发Web应用时，我们经常会遇到一个问题：如何确保在IE8及以下版本的浏览器中实现对HTML5新标签和CSS3高级选择器的良好兼容性。这些老版本的Internet Explorer（尤其是IE8）并不原生支持许多HTML5特性及CSS3的新...

    ie完美兼容css3圆角

    本篇文章将详细探讨如何解决这个问题，让IE9及以下版本的浏览器也能完美地呈现CSS3的圆角特性。 首先，我们来理解CSS3的圆角边框是如何工作的。`border-radius`属性允许我们将直角边框转变为圆角，通过设置像素值来...

    兼容所有浏览器的CSS3圆角

    首先，CSS3中的`border-radius`属性是实现圆角的关键。它允许我们为元素的四个角分别设置不同的圆角半径，从而创造出各种形状的圆角效果。例如，要为一个元素的所有角设置相同的圆角半径，可以这样写： ```css .box...

    CSS3 Pie工具推荐--让IE6-8支持一些优秀的CSS3特性

    在使用CSS3 Pie时，需要注意的是，指定PIE.htc文件的路径应该是相对于正在浏览页面的路径，而不是CSS文件本身所在的路径。这是因为PIE.htc会在CSS被应用之前就对HTML元素产生作用。 当使用CSS3 Pie时，如果遇到元素...

    PIE.js使IE6,7,8支持部分常用CSS3渲染

    虽然PIE.js 在当时是一个非常有用的工具，但它也有一些局限性，例如性能问题、对某些复杂CSS3属性的支持不足等。随着浏览器更新迭代，许多现代浏览器已经完全支持CSS3，因此在新项目中，可能不需要依赖PIE.js。现在...

    CSS3 Pie工具推荐–让IE6-8支持一些优秀的CSS3特性

    但还是要提一下，在使用过程中的pie路径一定要是相对于正在浏览页面的相对路径。如下代码的url路径不是相对于css文件所在路径。因为虽然是在css里写的url，但是是在css被应用前就对html起作用了。 复制代码代码如下:...

    ie6下支持hover的方法

    此外，`.htc`文件的路径应相对于CSS文件的路径。 虽然这种方法可以让IE6支持`hover`，但它并不完美，可能会引入额外的性能开销，并且只适用于IE6。随着现代浏览器的普及，现在大多数开发环境已经不再需要考虑这种...

    支持IE6,IE7,IE8矩形圆角的实例

    `behavior`属性指定了我们刚刚提到的HTC文件路径，而 `-moz-border-radius`, `-webkit-border-radius` 和 `border-radius` 分别是Firefox, Safari/Chrome 和标准语法的圆角声明。通过这种方式，我们可以确保在所有...

    网页设计HTML+CSS语法.pdf

    2. **滚动效果**：`<marquee>`标签可以创建滚动效果，如`<marquee behavior=scroll>`实现预设卷动，`<marquee direction>`控制滚动方向，`<marquee loop>`设置滚动次数，`<marquee width>`和`<marquee height>`设定...

    让IE 6,7,8支持CSS3的部分属性及htc的应用

    让IE 6,7,8支持CSS3的部分属性。今天要给大家介绍的这个htc，它可以让IE浏览器支持CSS3的...比如 当前文件在“/”下 ，CSS文件在“/CSS”下，PIE.htc在“/CSS”下，behavior: url(/css/PIE.htc) 而不是behavior: url

Magicbox
Global site tag (gtag.js) - Google Analytics