how disable bahavior(pie.htc) for IE7 and lower

Question

I used bahavior(pie.htc) in main css for IE8 nut i want do not work for IE7 and lower versions. i have ie7.css and this style in it:

#wrapper * {behavior:none}

but is not disable all of behavior in main.css. is there any solution?

My quesion is how apply {behavior:none} to all elements and class in main.css with ie7.css — Meh Man, Nov 21 '11 at 22:15

score 2 · Answer 1 · edited May 23 '17 at 10:24

2

wrap the call to the behavior to be called only when greater than ie7

<!--[if gt IE 7]>
<style>
      behavior: url(PIE.htc);
</style>
<![endif]-->

edit: the behavior:none part is answered here with more reference

but anyway you should insert it in a conditional comment

edited May 23 '17 at 10:24

Community

1
1

answered Nov 21 '11 at 22:11

alonisser

11,542
21
85
139

IE 7 use main.css but i want disable behavior in ie7.css – Meh Man Nov 21 '11 at 22:13
i nead som css like #wrapper * {behavior:none} to disable all elements and classes in main.css – Meh Man Nov 21 '11 at 22:17
I think this is the wrong approach, anyway I don't know any behavior:none – alonisser Nov 21 '11 at 22:31

score 1 · Answer 2 · answered Nov 21 '11 at 23:26

You should take a different approach here. Instead of trying to "cancel" the behavior you already applied, why not just use it only in browsers where you need it? Wich means taking it out of your main.css file and only using it like this:

<!--[if IE 8]>
<style>
    Here goes all your behavior calls :

    some_selector {
      behavior: url(PIE.htc);
    }
</style>
<![endif]-->

That way you won't need to overwrite them anywhere else, they will only be applied in IE 8.

how disable bahavior(pie.htc) for IE7 and lower

2 Answers2