1. filter:alpha(opacity=40); opacity:0.4;
/*透明度兼容*/
2. min-height:610px; height:auto !important; height:610px;
/*最小高度*/
3.
<h2><a href="index.asp#rongrong">WCDMA</a></h2>
<dd><a name="#rongrong">8.8</a></dd>
/*锚点(从另一个页面链接过来, 这样写,<a href="另一个页面的名称#abc"></a> )*/
<h2><a href="#rongrong">WCDMA</a></h2>
<dd><a name="#rongrong">8.8</a></dd>
/*锚点(锚点处:加下个空a, <a name="abc"></a> 链接处:<a href="#abc"></a> (本页面内情况))*/
4.
#jsweb8_cn_top {
background:url(../img/bg1.png) repeat-y!important;
background: none;
background-repeat:repeat-y;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg1.png', sizingMethod='scale');
}
/*png背景图片在IE6中兼容*/
5.
// JavaScript Document
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var j=0; j<document.images.length; j++)
{
var img = document.images[j]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=/"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=/'" + img.src + "/', sizingMethod='scale');/"></span>"
img.outerHTML = strNewHTML
j = j-1
}
}
}
}
window.attachEvent("onload", correctPNG);
/*一个可以让png图片兼容IE6的js*/
6. <meta http-equiv="X-UA-Compatible" content="IE=7" />
/*此上意为让IE8以IE7的渲染方法渲染.*/
7.body{ overflow-y: scroll; *overflow-y:none; }
/*Y轴滚动条定义兼容*/
8..nowrap{white-space: nowrap;}
/*nowrap :禁止换行,,强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象。*/
强制换行:word-break: break-all; white-space: normal;
9.a:active {outline:none;blr:expression(this.onFocus=this.blur());}
img,a .img{border:0}
/*去除图片链接边框*/
οnfοcus="this.blur()"
/*去除按钮的黑边框*/
10.table{border-collapse:collapse;} td{border:1px solid #000;}
/*完美的单象素外框线表格*/
11.text-align:justify;text-justify:inter-ideograph;
/*中文字两端对齐*/
12.div img {max-width:600px; width:600px; width:expression(document.body.clientWidth>600?"600px":"auto"); overflow:hidden;}
/*CSS控制图片自适应大小*/
13.div {position:absolute; top:50%; left:50%; margin:-150px 0 0 -200px; width:400px; height:300px; border:1px solid red;}
/*层(固定宽高)在一屏的浏览器中垂直居中对齐*/
14.<style type="text/css">
html { scrollbar-face-color:#f6f6f6; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#eeeeee; scrollbar-3dlight-color:#eeeeee; scrollbar-arrow-color:#000; scrollbar-track-color:#fff; scrollbar-darkshadow-color:#fff; }
</style>
/*web标准中IE设置滚动条颜色*/
15.overflow:hidden | zoom:0.08 | line-height:1px
/*定义1px左右高度的容器*/
16.<param name="wmode" value="transparent" />
/*让层显示在FLASH之上*/
17.#wrap{ width:960px; margin:0 auto; overflow:hidden;}
#wrap .left{ width:200px; overflow:hidden; background:#f00;float:left}
#wrap .center{ width:540px; margin:0 10px; float:left; overflow:hidden; background:#CCC}
#wrap .right{ width:200px; overflow:hidden; float:left; background:#FF0}
#wrap .row{margin-bottom:-3000px;padding-bottom:3000px;}
<div id="wrap">
<div class="left row"></div>
<div class="center row"></div>
<div class="right row"></div>
/*三列div高度自适应*/
18.
<a href="#" onClick="window.close();">返回</a>
/*点击直接关闭窗口*/
<a href="#" οnclick="javascript:window.close()">返回</a>
/*点击弹出窗口提示是否关闭窗口*/