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 auto rotate this carousel

    how to give no-more-use of css in jquery for css params

    How to get use the functionality same as “-webkit-appearance” in firefox?

    How to move text list items to align with an image list item

    jQuery Accordion header with jQuery UI icon button (hide/show + hover/click)

    How can I implement dynamic styling for ion-list elements with AngularJS?

    How can I use jQuery to create a csv of all checked checkboxes associated text?

    How to add CSS for specific pages in RefineryCMS?

    how to set css position absolute in hover state

    Bootstrap CDN + WP // How to edit '.css’

    How to make width grow slowly when I add element?

    How to use a custom Style Sheet in WordPress

    How do I change image on hover of that the img is in - in jQuery?

    multiselect.js via gem multi-select-rails - how best to set width

    How to extend a wrapped element background both left and right with different color?

    How to horizontally scroll an inner div with text wrapping

    How to apply CSS background color to some text in a paragraph without spaces caused by line-height?

    How to override default CSS in cakePHP 1.3?

    How do I replicate this website in terms of responsiveness using only css?

    How do I get IE to display CSS DIV tables properly?

    How to set width and text-align for button with CSS

    How to achieve multiple icon hover transitions over one image

    How to Wrap Text Within an Image-Link? HTML CSS

    How do I make a popup contact form exit when clicking the external background div?

    How to CSS style a table such that cells is at most 30% of screen height and use a scroll bar when it's taller?

    How to achieve this button-border effect with CSS? (image included)

    How do i set 100% in a div tag background?

    How to add a gradient/filter in the image in CSS

    how can i force all rows in a table to have the same height

    boostrap menu active page dont show style