瀏覽器兼容性問題解決方案之CSS，已在IE、FF、Chrome測試

時間 2019-11-10

原文原文鏈接

當前主瀏覽器的核心是什麼？

1) Trident：IE瀏覽器使用的內核,該內核程序在1997年的IE4中首次被採用，是微軟在Mosaic代碼的基礎之上修改而來的，並沿用到目前的 IE7。Trident其實是一款開放的內核，其接口內核設計的至關成熟，所以纔有許多采用IE內核而非IE的瀏覽器涌現（如 Maxthon、TheWorld 、TT、GreenBrowser、AvantBrowser等）。css

2) Geckos： Netcape6開始採用的內核，後來的FF也採用了該內核，Geckos的特色是代碼徹底公開，所以，其可開發程度很高，全世界的程序員均可覺得其編寫代碼，增長功能。html

3) Presto：目前Opera採用的內核，該內核在2003年的Opera7中首次被使用，該款引擎的特色就是渲染速度的優化達到了極致，也是目前公認網頁瀏覽速度最快的瀏覽器內核，然而代價是犧牲了網頁的兼容性。程序員

4) Webkit：Safari瀏覽器使用的內核。Google的Chrome瀏覽器也是採用Webkit。Webkit引擎包含WebCore排版引擎及 JavaScriptCore解析引擎，均是從KDE的KHTML及KJS引擎衍生而來，它們都是自由軟件，在GPL條約下受權，同時支持BSD系統的開發。因此Webkit也是自由軟件，同時開放源代碼。在安全方面不受IE、Firefox的制約，因此Safari瀏覽器仍是比較安全的瀏覽器。瀏覽器

我整理的一些實例，都是在谷歌、IE七、IE八、IE九、IE十、FF中測試過。安全

實例：

1) 隱藏瀏覽器的滾動條

問題：ide

隱藏瀏覽器的滾動條測試

解決：優化

1) 只有ie7支持<bodyscroll="no">spa

2) 除ie7不支持body{overflow:hidden}開放源代碼

3) 全部瀏覽器html{overflow:hidden}

實例：

1) 只有ie7支持<body scroll="no">

<span style="font-size:18px;">           <body scroll="no" ></body></span>

　　2)除ie7不支持 body{overflow:hidden}

    <span style="font-size:18px;">           <body style="overflow:hidden" ></body></span>

3) 全部瀏覽器 html{overflow:hidden}

<span style="font-size:18px;">           <body style="overflow:hidden" ></body></span>

超連接訪問事後hover樣式不出現的問題

問題：

點擊超連接後，hover、active樣式沒有效果

解決：

改變CSS屬性的排列順序:L-V-H-A

    <style type="text/css">  
    a:link {color: #FF0000}     /* 未訪問的連接 */  
    a:visited {color: #00FF00}  /* 已訪問的連接 */  
    a:hover {color: #FF00FF}    /* 當有鼠標懸停在連接上 */  
    a:active {color: #0000FF}   /* 被選擇的連接 */  
    </style>

li中的內容以省略號顯示

問題：

li中內容超過長度時，想以省略號顯示，此方法適用於ie七、八、九、10，谷歌，ff瀏覽器

li{  
list-style-type:none;  
width:200px;   
white-space:nowrap;  
text-overflow:ellipsis;   
overflow: hidden;   
 }

使連續長字段自動換行

div    
{         
width:300px;         
word-wrap:break-word;       
border:1px solid red; }

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。