web标准常见问题整理
1.超鏈接訪問過后hover樣式就不出現的問題
2.FF下如何使連續長字段自動換行
3.ff下為什么父容器的高度不能自適應
4. IE6的雙倍邊距BUG
5. IE6下絕對定位的容器內文本無法正常選擇的問題
6. IE6下為什么圖片下方有空隙產生
7. IE6下這兩個層中間怎么有間隙
8. list-style-image無法準確定位的問題
9. LI中內容超過長度后以省略號顯示的方法
10.web標準中定義id與class有什么區別嗎
11.如何垂直居中文本
12.如何對齊文本與文本輸入筐
13.為什么FF下面不能水平居中呢
14.為什么FF下文本無法撐開容器的高度
15.為什么IE6下容器的寬度和FF解釋不同呢
16.為什么web標準中IE無法設置滾動條顏色了
17.為什么我定義的樣式沒有作用呢
18.為什么無法定義1px左右高度的容器
19.為什么這個背景顏色無法顯示
20.怎么樣才能讓層顯示在FLASH之上呢
21.怎樣使一個層垂直居中于瀏覽器中
22 .圖片垂直與容器內
23.如何讓三列橫向排列
24.通用的加入收藏夾代碼
25.復制到系統剪貼板之IE,ff兼容版
26.javascript為FF設置首頁
27.IE6使用濾鏡使PNG圖片透明后，容器內鏈接失效的問題
28.禁用文本框中文輸入法的通用方法
?
1.超鏈接訪問過后hover樣式就不出現的問題
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
a:link {
?? ?color:red
?? ?}
a:hover {
?? ?color:blue
?? ?}
a:visited {
?? ?color:green
?? ?}
a:active {
?? ?color:orange
?? ?}
/*]]>*/
</style>
</head>
<body>
<a href="#">
web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全
</a>
</body>
</html>
2.FF下如何使連續長字段自動換行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
div {
?? ?width:300px;
?? ?word-wrap:break-word;
?? ?border:1px solid red;
?? ?}
/*]]>*/
</style>
</head>
<body>
<div id="ff">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
<script type="text/javascript">
// <![CDATA[
function toBreakWord(intLen){
var obj=document.getElementById("ff");
var strContent=obj.innerHTML; ?
var strTemp="";
while(strContent.length>intLen){
strTemp+=strContent.substr(0,intLen)+" "; ?
strContent=strContent.substr(intLen,strContent.length); ?
}
strTemp+=" "+strContent;
obj.innerHTML=strTemp;
}
if(document.getElementById? &&? !document.all)? toBreakWord(37)
// ]]>
</script>
</body>
</html>
3.ff下為什么父容器的高度不能自適應
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
div {
?? ?width:200px;
?? ?border:1px solid red
?? ?}
p {
?? ?float:left;
?? ?width:100px;
?? ?}
/*]]>*/
</style>
</head>
<body>
<div><p>web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全</p></div>
</body>
</html>
4. IE6的雙倍邊距BUG
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
body {
?? ?margin:0
?? ?}
div {
?? ?float:left;
?? ?margin-left:10px;
?? ?width:200px;
?? ?height:200px;
?? ?border:1px solid red
?? ?}
/*]]>*/
</style>
</head>
<body>
<div>
<a href="#">
web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全
</a>
</div>
</body>
</html>
5. IE6下絕對定位的容器內文本無法正常選擇的問題
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
div {
?? ?position:absolute;
?? ?top:100px;
?? ?left:100px;
?? ?width:200px;
?? ?height:200px;
?? ?border:1px solid red
?? ?}
/*]]>*/
</style>
</head>
<body>
<div>
<a href="#">
web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全
</a>
</div>
</body>
</html>
6. IE6下為什么圖片下方有空隙產生
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
div {
?? ?border:1px solid red;
?? ?background:orange;
?? ?}
img {
?? ?width:276px;
?? ?height:110px;
?? ?}
/*]]>*/
</style>
</head>
<body>
<div>
<img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="google" />
</div>
</body>
</html>
7. IE6下這兩個層中間怎么有間隙
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
.left {
?? ?float:left;
?? ?width:100px;
?? ?height:100px;
?? ?background:red
?? ?}
.right {
?? ?width:100px;
?? ?height:100px;
?? ?background:orange;
?? ?overflow:hidden;
?? ?}
/*]]>*/
</style>
</head>
<body>
<div class="left">aaaaaa</div>
<div class="right">aaaaaa</div>
</body>
</html>
8. list-style-image無法準確定位的問題
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
li {
?? ?list-style:url("http://bbs.blueidea.com/attachments/2006/11/10/arrowb_kJrcZheJmiIF.gif");
?? ?}
li a {
?? ?position:relative;
?? ?top:-5px;
?? ?font:12px/25px 宋體;
?? ?}
/*]]>*/
</style>
</head>
<body>
<ul>
<li><a href="#">web標準常見問題大全</a></li>
<li><a href="#">web標準常見問題大全</a></li>
<li><a href="#">web標準常見問題大全</a></li>
<li><a href="#">web標準常見問題大全</a></li>
<li><a href="#">web標準常見問題大全</a></li>
</ul>
</body>
</html>
9. LI中內容超過長度后以省略號顯示的方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
li {
?? ?width:200px;
?? ?white-space:nowrap;
?? ?text-overflow:ellipsis;
?? ?-o-text-overflow:ellipsis;
?? ?overflow: hidden;
?? ?}
/*]]>*/
</style>
</head>
<body>
<ul>
<li><a href="#">web標準常見問題大全web標準常見問題大全</a></li>
<li><a href="#">web標準常見問題大全web標準常見問題大全</a></li>
<li><a href="#">web標準常見問題大全web標準常見問題大全</a></li>
<li><a href="#">web標準常見問題大全web標準常見問題大全</a></li>
<li><a href="#">web標準常見問題大全web標準常見問題大全</a></li>
</body>
</html>
10.web標準中定義id與class有什么區別嗎
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
#aa {
?? ?color:red
?? ?}
.aa {
?? ?color:blue
?? ?}
/*]]>*/
</style>
</head>
<body>
<div id="aa" class="aa">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
</body>
</html>
11.如何垂直居中文本
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
div {
?? ?height:30px;
?? ?line-height:30px;
?? ?border:1px solid red
?? ?}
/*]]>*/
</style>
</head>
<body>
<div>web標準常見問題大全</div>
</body>
</html>
?
12.如何對齊文本與文本輸入筐
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
input {
?? ?width:200px;
?? ?height:30px;
?? ?border:1px solid red;
?? ?}
/*]]>*/
</style>
</head>
<body>
<input type="text" />aaaaaaaaaaaaaaaaaa
</body>
</html>
13.為什么FF下面不能水平居中呢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
body {
?? ?text-align:center;
?? ?}
div {
?? ?margin:0 auto;
?? ?width:500px;
?? ?height:200px;
?? ?border:1px solid red
?? ?}
/*]]>*/
</style>
</head>
<body>
<div></div>
</body>
</html>
14.為什么FF下文本無法撐開容器的高度
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
div {
?? ?width:200px;
?? ?height:200px;
?? ?border:1px solid red
?? ?}
/*]]>*/
</style>
</head>
<body>
<div>web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見</div>
</body>
</html>
15.為什么IE6下容器的寬度和FF解釋不同呢
<?xml version="1.0" encoding="gb2312"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
div {
?? ?cursor:pointer;
?? ?width:200px;
?? ?height:200px;
?? ?border:10px solid red
?? ?}
/*]]>*/
</style>
</head>
<body>
<div οnclick="alert(this.offsetWidth)">web標準常見問題大全</div>
<hr/>
</body>
</html>
16.為什么web標準中IE無法設置滾動條顏色了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
/*<![CDATA[*/
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;
?? ?}
/*]]>*/
</style>
</head>
<body>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html>
。。。
詳見http://bbs.blueidea.com/thread-2692909-1-1.html
轉載于:https://www.cnblogs.com/huangyin1213/p/5696267.html
總結
以上是生活随笔為你收集整理的web标准常见问题整理的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Android ListView 详解
- 下一篇： 校外实习报告（十）