浏览器兼容性 问题收集
2013年8月28日11:53:38
設(shè)置table ?的邊框?yàn)?像素
#userdi{border-collapse:collapse;border:none;}#userdi td{text-align: center;vertical-align: middle;border:1px dashed #D7D7D7;padding:5px 5px;}?
?
?
?
2013年8月27日10:20:04
function getExplorer() { var explorer = window.navigator.userAgent ; //ie? if (explorer.indexOf("MSIE") >= 0) { alert("ie"); } //firefox? else if (explorer.indexOf("Firefox") >= 0) { alert("Firefox"); } //Chrome else if(explorer.indexOf("Chrome") >= 0){ alert("Chrome"); } //Opera else if(explorer.indexOf("Opera") >= 0){ alert("Opera"); } //Safari else if(explorer.indexOf("Safari") >= 0){ alert("Safari"); } }?
?
?
?
?
?
1. button按鈕文字居中
.button {border: #0099FF 1px solid;height: 22px;cursor: pointer;color: #0066CC;background-color: #ffffff; line-height:18px;/*針對IE*/width:68px; } .button::-moz-focus-inner{ border: 0;padding: 0;}/*針對Firefox*/.button:hover {background-color: #E9F5FE; } .button:active {background-color: #0066CC;color: #ffffff; }2. 其他文章：IE6、IE7、IE8的CSS、JS兼容 ? 閱讀
?
3. IE6 FrameSet
解決辦法：<body class=...>的背景去掉就好了
?????????????????? 如：/*background:url(../../images/main/article.png) right top repeat-y;
?????????????????????????? padding-right:4px;*/
終于解決這個垃圾問題了?
二、使用框架（無論是frameset、frame、iframe）嵌套網(wǎng)頁的時候，如果子網(wǎng)頁的高度超過了預(yù)先設(shè)定的高度，會出現(xiàn)滾動條，也就是尺寸溢出，一般來說如果高度超了就出現(xiàn)垂直滾動條，寬度超了就出現(xiàn)水平滾動條，但是在IE6中，只要尺寸大于等于預(yù)定高度，就會兩個滾動條一起出現(xiàn)，這好象是一個bug。
解決方法：
在子網(wǎng)頁設(shè)置css如下：
html {
overflow-y:auto!important;
*overflow-y:scroll;
}
這段最重要的一點(diǎn)是設(shè)置overflow-y為scroll，這樣強(qiáng)制出現(xiàn)垂直滾動條的話，水平滾動條就不會顯示出來了，但如果寬度超出過多，水平滾動條還是會超出，這時可以考慮設(shè)置:overflow-x:hidden;，但相應(yīng)的，這樣用戶就無法滾動子頁面了。
之所以要加overflow-y:auto!important;，是因?yàn)镮E7中已沒有這個bug，并且firefox也能認(rèn)到overflow-y這個據(jù)說是IE的私有屬性……，所以我們還要把overflow設(shè)回來。
?
上面這個方法還可以有改進(jìn)的地方
既然只有IE6有這個BUG那就只針對IE6寫就行了
html {_overflow-y:scroll;}
_下劃線是IE6專有的 這樣就又省了一行代碼 又提高了效率
?
?
?
轉(zhuǎn)載于:https://www.cnblogs.com/AaronYang/p/3156552.html
《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀總結(jié)
以上是生活随笔為你收集整理的浏览器兼容性 问题收集的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
