CSS Specific for Internet Explorer

As much as we don't like to deal with the IE bugs, we still have to face it because your boss and visitors are still using Explorer. It gets frustrating when different versions of Explorer displays web pages differently due to the inconsistent rendering engine. We typically use IE conditional comments to fix the IE issues. View Demo IE Specific #1 IE Conditional Comments IE conditional comment is probably the most commonly used to fix the IE bugs for specific versions (IE6, IE7, IE8). <! <! #2 CSS Rules Specific to Explorer (IE CSS hacks) Another option is to declare CSS rules that can only be read by Explorer. IE8 or below: to write CSS rules specificially to IE8 or below, add a backslash and 9 (\9) at the end before the semicolon. #3 Conditional HTML Class The third option, which was founded by Paul Irish, is to add an CSS class with the IE version to the HTML tag by using IE conditional comments.

Animated Content Tabs with CSS3 In this tutorial we are going to implement some simple CSS3 content tabs using radio buttons together with the :checked pseudo-class and sibling combinators. View demo Download source Content tabs are a very common and familiar element in web design, and often their turn out to be pretty useful. Note that the CSS3 properties will only work in browsers that support them. The Markup We will be using input elements to connect to the division with the class content. Every input element has a value, and we can always make an input selected by default by adding the checked attribute. The CSS The first thing we need to do is to define some dimension and hide the inputs by setting their opacity to 0: The inputs will be covering the labels. Next, we will make the labels look like tabs by defining some neat style for them. Since we don’t want the bottom part of the box-shadow to show, we will cover it by using a :after pseudo-element with no content: This tutorial is part of the CSS3 series on Codrops.

LESS « The Dynamic Stylesheet