HTML、CSS以及Javascript常用且实用的技巧代码[2]

  • 作者:不详
  • 来源:56gee
  • 更新时间:2012-06-18 12:32:11
  • 点击:12321
[0分]
技巧三
1、被点击访问过的超链接样式不在具有hover和active
解决方法:改变CSS属性的排列顺序: L-V-H-A
2、FF下连续长字段不能自动换行
解决方法:word-wrap:break-word;overflow:hidden;
3、FF下父容器高度不能自适应
解决办法:清除子元素的浮动
4、IE下图片下方产生空隙
解决办法:定义img 为display:block,或vertical-align为top/bottom/middle/text-bottom
定义父容器的字体大小为零,font-size:0
5、IE6下浮动元素和它相邻的非浮动元素之间有3px空隙
解决办法:相邻的非浮动元素也设置浮动;浮动元素相对IE6定义_margin-right:-3px;
6、LI内容超长后以省略号显示
解决办法: white-space:nowrap;(文本不换行)text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;
7、文本不能垂直居中
解决办法:行高和容器高度相等line-height=height;
8、文本输入框和相邻的文本不能对齐
解决办法:设置文本输入框vertical-align:middle;
9、IE设置滚动条样式
解决办法:
body{
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;
}
10、IE6无法定义高度为1px的容器
解决办法:overflow:hidden
zoom:0.8
line-height:1px

技巧四
1、让层显示在flash之上
解决办法:给FLASH设置透明<param name="wmode" value="transparent" />或者<param name="wmode" value="opaque" />
2、使一个层垂直居中浏览器中
解决办法:使用百分比绝对定位,与外补丁负值的方法。
position:absolute;
top:50%;
left:50%;
margin:-100px auto auto -100px;
width:200px;
height:200px;
3、加入收藏夹
解决办法:<script type="text/javascript">
// <![CDATA[
function bookmark(){
var title=document.title
var url=document.location.href
if (window.sidebar) window.sidebar.addPanel(title, url,"");
else if( window.opera && window.print ){
var mbm = document.create_r_rElement_x(’a’);
mbm.setAttribute(’rel’,’sidebar’);
mbm.setAttribute(’href’,url);
mbm.setAttribute(’title’,title);
mbm.click();}
else if( document.all ) window.external.AddFavorite( url, title);
}
// ]]>
</script>
<a href="http://www.56gee.com/sjjl/javascript:bookmark()">加入收藏夹</a>
收藏内容
评分

特别说明:本站所有资源仅供学习与参考,请勿用于商业用途。若转载请注明来自56gee.com中的“来源”。

栏目精华