代码小积累
2018-05-15 本文已影响0人
BugMyGod
1，
<A href="javascript:void(0)">点击</a>点击链接后不会回到网页顶部
<A href="#">点击</a> 点击后会回到网面顶部
2，清除浮动（clearfix hack）
这个可以在现代浏览器上工作。如果你想要支持IE6，你就需要再加入如下样式：
.clearfix {
overflow: auto;
zoom: 1;
}
有些独特的浏览器需要“额外的关照”。清除浮动这潭 水很深很深，但是这个简单的解决方案已经可以在今天所有的主要浏览器上工作。
3，兼容性
<!doctype html>
<!--[if lt IE 9]><html class="lte-ie8" lang="zh-CN"><![endif]-->
<!--[if gt IE 8]><!--><html lang="zh-CN"><!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="keywords" content="这是里是关键字">
<meta name="description" content=" 网站内容描述">
<title>学校名称</title>
<link href="css/public.css" rel="stylesheet">
<script src="js/jquery.js"></script>
<link href="css/mystyle.css" rel="stylesheet">
<link href="css/slider.css" rel="stylesheet">
</head>
<body>
<!--[if IE 6]>
<div id="ie6-warning">
您正在使用IE6或以IE6为内核的浏览器，可能导致本网站无法正常显示，建议您升级到更高版本。
<a href="http://www.microsoft.com/china/windows/internet-explorer/" target="_blank">点击下载</a>
<a id="ie6-close href="#"">关闭</a>
</div>
<script>
$body=$('body');
$body.addClass('ie6');
$('#ie6-close').click(function(){
$body.removeClass('ie6');
$('#ie6-warning').hide();
})
</script>
<![endif]-->
