web标准常见问题大全,让FireFox与IE兼容

添加人:admin四级(1707分)   添加时间:2007-12-09    阅读次数:3951  收藏此教程
1.超链接访问过后hover样式就不出现的问题
被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题,解决方法是改变CSS属性的排列顺序: L-V-H-A
Code:
1 <style type="text/css">
2 <!--
3 a:link {}
4 a:visited {}
5 a:hover {}
6 a:active {}
7 -->
8 </style>
 
2.FireFox下如何使连续长字段自动换行
众所周知IE中直接使用 word-wrap:break-word 就可以了, FF中我们使用JS插入的方法来解决
Code:
 1<style type="text/css">
 2<!--
 3div {
 4    width:300px;
 5    word-wrap:break-word;
 6    border:1px solid red;
 7}

 8-->
 9
</style>
10
11<div id="ff">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
12
13<script type="text/javascript">
14/* <![CDATA[ */
15function toBreakWord(el, intLen){
16    var obj=document.getElementById(el);
17    var strContent=obj.innerHTML;
18    var strTemp="";
19    while(strContent.length>intLen){
20        strTemp+=strContent.substr(0,intLen)+" ";
21        strContent=strContent.substr(intLen,strContent.length);
22    }

23    strTemp+=" "+strContent;
24    obj.innerHTML=strTemp;
25}

26if(document.getElementById &&  !document.all) toBreakWord("ff", 37);
27/* ]]> */
28
</script>
 
3.ff下为什么父容器的高度不能自适应
在子容器加了浮动属性后,该容器将不能自动撑开,解决方法是在标签结束后加上一个清除浮动的元素。
Code:
clear:both;
6页 第1上一页123456下一页
相关的教程: FireFox IE 兼容 标准
收藏此教程

当前平均分: 5.0(1 次打分)

-5-4-3-2-1012345
评论主题
您的大名
您的评论
验证码 点击换一个验证码
知识库搜索: