前段开发工作笔记

//=====================================
底图截取
background-position:-570px -410px;
//=====================================
border 宽度不算在width里面；

 var temp7 = document.getElementById("anav7");
    temp7.style.backgroundImage = "url(/QW2012/images/top_Bg_current.jpg)"; 
    temp7.style.backgroundPosition = "-790px 0px";

//=====================================
!important 可被FireFox和IE7识别 
* 可被IE6、IE7识别 
_ 可被IE6识别 
*+ 可被IE7识别

//=====================================
a标签相应javascript事件
<a href="javascript:qqlink()" class="kfqq">

//=====================================
width:expression(document.body.clientWidth < 600? "600px": "auto" );
//=====================================
6. CSS网页制作中删除链接上的虚线框

a:active, a:focus {
    outline:none;
} 
//=====================================
IE6尾部重复字符bug ， IE6下产生多余字符的BUG 
分类： css样式 Java_WEB开发 2011-08-09 09:51 154人阅读 评论(0) 收藏 举报 
 在web开发时发现页面中循环列表输出时在最后一条会出现几个字符复制输出，影响布局，经过网上搜索、自己试验得到几个解决办法，与大家交流

1.有可能是在两个浮动的div中间用了<!--xxx-->注释，这种情况出现这种情况

2.在重复的行尾加个&nbsp; 空格字符

3.再循环最后加入一个<div style="clear: both; height: 0pt; overflow: hidden;"></div>
//=====================================
ie6使用绝对定位position：absolute，box不显示

要及时清理浮动chler：both；