日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔！

生活随笔

當前位置： 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

web标准常见问题整理

發布時間：2025/3/20 编程问答 44 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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)+"&#10;"; ?
strContent=strContent.substr(intLen,strContent.length); ?
}
strTemp+="&#10;"+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标准常见问题整理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。