How to write special css for IE in external css file using css conditional comments [closed]


Tags: css

Problem :

As the title says how can we write special css for IE in external css file using css conditional comments.



Solution :

You can also invoke a stylesheet for different versions of Internet Exploer, versions older than a specific version, and using operators. CSS-Tricks.com has a nice article demonstrating more possibilities.

Internet Explorer 9 or below

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="css/ie.css">
<![endif]--> 

Internet Explorer 6

<!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="css/ie-6.css">
<![endif]-->

    CSS Howto..

    How can I make my wrapper
    vertically centered and responsive?

    How to add a color overlay to a background image?

    repeated divs loaded by angular could have different contents, how can I make them have automatically adjusted heights?

    How to fix width of DIV that contains floated elements?

    How to remove css and javascript code in source code of website

    how to disable one header among of multiple headers in jQuery table sorter

    How can I group DIVs in my document so I can apply CSS to them?

    how to get this table to work properly?

    CSS How to center a div horizontally

    How to design multiple time clock wise rotation of a image in css

    How to Hide Specific Part of Flash Object Using CSS?

    How to replace with a
    filled with CSS?

    How to show “next”, “previous” buttons on an image (on mouseover)?

    How semantic X/HTML can save time when we will write CSS?

    How to change styling of a specific div onhover of another element when divs share an id

    How to make full window canvas in GWT?

    How to have background between two handles of jQuery Slider using css gradient

    How to make a “Fixed” element Scrollable

    How can I resize my iframe keeping the ratio?

    HTML: How to change the width of input field based on container size

    How can I get my drop-down to not open unless the li is hovered?

    How to fit elements in 100% width without absolute positioning?

    How to give different color to draghandle in RangeSlider

    Mysterious color showing up on tab hover

    How to hyperlink a css box [closed]

    How can I make a fade in function without using jQuery like this? (JavaScript)

    how do you center and left align columns, at the same time, in bootstrap or regular html5?

    How to be able to preload jquery contents into hidden tabs for ie browser

    How to include the PHP file that is outside the folder where main PHP file exists?

    How to vertically align absolutely positioned images on top of one another?