首页 > 代码库 > css注意小点
css注意小点
jq：
1、prepend(参数);//将参数内容前置再某元素内部;
eg:
<div id="div1">奇妙能力歌</div>
$("#div1").prepend("<a href=http://www.mamicode.com/‘#‘>陈粒");
//得出结果：<div id="div1"><a href=http://www.mamicode.com/‘#‘>陈粒奇妙能力歌
2、
outerHeight(boolean)
outerHeight(false);//不计算元素的margin值 计算padding和border
outerHeight(true);//计算元素的margin值
3、delay(time);延迟;
eg:$("#div1").delay(300).show();//该元素延迟300ms再执行显示;
4、设置滚动条动态滑动
$(document).scrollTop();//滚动条高度
$("body").animate({scrollTop : 500px},500);
5、打开新窗口
window.open("url");
6、同个类名绑定多个事件，用连写方法
eg:
$("#focus").keydown(function(){
//xx
}).focus(function(){
//xxx
});
7、雪碧背景图
.icon icon-1
<span class="icon icon-1"></span>
.icon{background:url(‘‘) no-repeate;}
.icon-1{background-position:-24px -100px;}
背景图显示不出，
解决：
.icon{background-image:url(‘‘);background-repeate:no-repeate;}
.icon-1{background-position:-24px -100px;}
8、界面中
若<div><a><img /></a><a><img /></a></div>
a标签里面有img标签，img高度为88，但实际上div的高度为92，“幽林空白节点”
解决方法：给img标签添加vertical-align:middle;或者img{display:block;}a{font-size:0;}
兼容性：
ie7:要让overflow:hidden;有效，需要再其父元素加 position:relative;
css注意小点