html兼容問題總結

<meta http-equiv="refresh" content="3;URL=javascript: window.open('http://www.baidu.com', 'parent');">

測試結果

該語句在chrome， opera 運行OK，在firefox， ie6, ie9不能正常運行

<input name="" type="button" value="" onclick="location.href='index.html'"/>

</a>

這裏的input要是沒有onclick的話 ， 在IE裏面是沒有效果的 ， 點擊的時候不會發生跳轉

input的background-image不顯示的解決辦法

IE系列瀏覽器的css兼容問題非常棘手，好比設置input按鈕的屬性background-image，chrome和firefox只需兩行代碼便可搞掂。

代碼爲：

background-image: url(images/test.jpg);
background-repeat: no-repeat;

可是，上面那兩行代碼在IE六、IE8看來，是無效的，也便是background-image屬性失效不顯示。

後來找到了解決辦法，增長兩行代碼便可，以下：

background-image: url(images/test.jpg);
background-repeat: no-repeat;
background-color: transparent;
border:none;

關鍵是background-color: transparent，將背景色設置爲透明，好讓背景圖顯示出來。

下面是加入收藏的代碼=====》

只有IE能用 ， FireFOx ， chrome 都不行

<a

href='javascript:window.external.AddFavorite(location.href,document.title)'">加入收藏</a>

這個兼容火狐和 IE ， 可是在chrome下面也行不通

<script type='text/javascript'>
function addfavor(url,title) {
    if(confirm("網站名稱："+title+"\n網址："+url+"\n肯定添加收藏?")){
        var ua = navigator.userAgent.toLowerCase();
        if(ua.indexOf("msie 8")>-1){
            external.AddToFavoritesBar(url,title,'');//IE8
        }else{
            try {
                window.external.addFavorite(url, title);
            } catch(e) {
                try {
                    window.sidebar.addPanel(title, url, "");//firefox
                } catch(e) {
                    alert("加入收藏失敗，請使用Ctrl+D進行添加");
                }
            }
        }
    }
    return false;
}
</script>

添加網頁上的QQ按鈕， 實現客服的功能

                                        <a href="tencent://message/?uin=2345678&Site=testXXX&Menu=yes"><img src="http://wpa.qq.com/pa?p=1:234567:4" alt="LGF"></a>