代码小积累

来源:互联网 发布:sql小计合计 编辑:程序博客网 时间:2024/06/05 03:17

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]-->

0 0