css:条件注释判断浏览器

时间:2024-03-26 18:03:20

所有的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.blueprintcss.org/

http://www.unsemantic.com/

http://bluetrip.org/

http://elasticss.com/

http://www.gumbyframework.com/

http://susy.oddbird.net/

http://foundation.zurb.com/

https://imperavi.com/kube/

http://groundworkcss.github.io/

http://semantic-ui.com/

http://purecss.io/

http://learnlayout.com/frameworks.html

https://nodejs.org/download/

https://github.com/OpenLiveWriter/OpenLiveWriter

https://github.com/xljiulang/NetworkSocket

https://github.com/Particular/NServiceBus

https://github.com/MassTransit/MassTransit