所有的IE可识别 Target ALL VERSIONS of IE
<!--[if IE]> <link rel="stylesheet" type="text/css" href="all-ie-only.css" /> <![endif]-->
除IE外都可识别 Target everything EXCEPT IE
<!--[if !IE]><!--> <link rel="stylesheet" type="text/css" href="not-ie.css" /> <!--<![endif]-->
仅IE7可识别 Target IE 7 ONLY
<!--[if IE 7]> <link rel="stylesheet" type="text/css" href="ie7.css"> <![endif]-->
仅IE6可识别 Target IE 6 ONLY
<!--[if IE 6]> <link rel="stylesheet" type="text/css" href="ie6.css" /> <![endif]-->
仅IE5可识别Target IE 5 ONLY
<!--[if IE 5]> <link rel="stylesheet" type="text/css" href="ie5.css" /> <![endif]-->
IE6以及IE6以下版本可识别 Target IE 6 and LOWER
<!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="ie6-and-down.css" /> <![endif]-->
<!--[if lte IE 6]> <link rel="stylesheet" type="text/css" href="ie6-and-down.css" /> <![endif]-->
IE7以及IE7以下版本可识别Target IE 7 and LOWER
<!--[if lt IE 8]> <link rel="stylesheet" type="text/css" href="ie7-and-down.css" /> <![endif]-->
<!--[if lte IE 7]> <link rel="stylesheet" type="text/css" href="ie7-and-down.css" /> <![endif]-->
IE6以及IE6以上版本可识别 Target IE 6 and HIGHER
<!--[if gt IE 5.5]> <link rel="stylesheet" type="text/css" href="ie6-and-up.css" /> <![endif]-->
<!--[if gte IE 6]> <link rel="stylesheet" type="text/css" href="ie6-and-up.css" /> <![endif]-->
IE7以及IE7以上版本可识别Target IE 7 and HIGHER
<!--[if gt IE 6]> <link rel="stylesheet" type="text/css" href="ie7-and-up.css" /> <![endif]-->
<!--[if gte IE 7]> <link rel="stylesheet" type="text/css" href="ie7-and-up.css" /> <![endif]-->
.box-corners { border-radius: 30px; //IE 9+ -moz-border-radius: 30px; //Firefox -webkit-border-radius: 30px; // Chrome/Safari -khtml-border-radius: 30px; // Konquerer browsers } - See more at:
from https://css-tricks.com/how-to-create-an-ie-only-stylesheet/
http://www.corelangs.com/css/box/round.html 圆边层
jquery tabs
http://www.jqueryrain.com/example/jquery-tabs/page/3/
http://www.sitepoint.com/10-jquery-sliding-sidebar-panel-plugins/
http://webdesignledger.com/11-useful-jquery-tab-navigation-solutions
http://www.jqueryrain.com/?Xj0x4X5A
https://github.com/alexchizhovcom/pwstabs
PWS Tabs is a lightweight jQuery tabs plugin to create responsive flat style tabbed content panels with some cool transition effects powered by CSS3 animations.
css frameworks
http://www.gumbyframework.com/
http://groundworkcss.github.io/
http://learnlayout.com/frameworks.html
https://github.com/OpenLiveWriter/OpenLiveWriter
https://github.com/xljiulang/NetworkSocket