前端css及js处理手记

position:fixed；在chrome滚动的时候发生闪动的问题。

 加上-webkit-transform: translateZ(0);

 

关于png图片在IE里透明的问题。

 

<!--[if IE 6]>
<script src="/js/DD_belatedPNG_0.0.8a-min.js"></script>
<script>
DD_belatedPNG.fix(".banner_img,img,#visitor_cp a,#a_serve,#close_img,#open_img");
</script>
<![endif]-->

 

【问题】获取不了父div隐藏的时候的select控件的width

代码重现：

<div style='display:none' class='parentDiv'>
     <select class='citySelect'>
        <option>北京</option>
        ……
     </select>
</div>

当我用$(".parentDiv .citySelect").width();获取到的却是0。但将父元素.parentDiv改为显示又可以获取到width了。

但当parentDiv显示而select隐藏的时候，也可以获取到select的宽度。这是我觉得奇怪的地方，why？

 

Jquery1.9以后版本live改为on

 以后，在jquery1.7几以上版本，用.on()来绑定事件，而不要再用.live()了。 

原来live()可以为存在的元素或未来的元素绑定事件，解除事件为die()，而bind也可以绑定事件，但只能应用现有元素。

现在变成on(),解除为off().

 

JS里的split和join

var dataStr='1,2,3,4';
var data=dataStr.split(',');//变成一个数组
dataStr=data.join(',');//又重新用逗号拼接成字符串

页面高度不一时因为滚动条的有无，出现页面跳动

 body { overflow-y: scroll; }

让文字显示在图片的中间

<img src='/images/progress.gif' style='display:teble-cell,text-align:center;vertical-align:middle' />&nbsp;正在解析，请耐心等待