Css Conditional on IE

2019-07-12 05:05发布

I want to say something like

#mydiv { background-color: (IE ? red : blue) }

I believe this can be done with conditional comments but it will be ugly. Is there some other hack that is cleaner?

标签： html css

3条回答

爱情/是我丢掉的垃圾

2楼-- · 2019-07-12 05:27

The cleanest, least hacky way that I've seen to solve this is to ALWAYS load a special stylesheet specifically for various versions of IE.

Put all of your IE Version specific styling in those files. It may not look elegant at first but as you add more and more IE Version specific rules...it makes things infinitely easier.

...not to mention that you don't have to worry about browsers changing the way they handle the various loopholes people use to implement IE hacks.

0人赞添加讨论(0) 举报

唯我独甜

3楼-- · 2019-07-12 05:30

I doubt you can get much less "ugly" than this:

Inside CSS file for all browsers:

#mydiv { background: blue }

After you have included that CSS file:

<!--[if IE]>
<style type="text/css">
#mydiv { background: red }
</style>
<![endif]-->

Of course, you can load a whole new stylesheet for IE.

0人赞添加讨论(0) 举报

做个烂人

4楼-- · 2019-07-12 05:36

You might want to consider the way that html5boilerplate uses:

html:

<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->

css:

#mydiv { background-color: blue; }
.ie7 #mydiv, .ie6 #mydiv { background-color: red; }

0人赞添加讨论(0) 举报

Css Conditional on IE

采纳回答

编辑标签

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

付费偷看金额在0.1-10元之间