浏览器兼容性 问题收集
2013年8月28日11:53:38
設置table ?的邊框為1像素
#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）嵌套網頁的時候，如果子網頁的高度超過了預先設定的高度，會出現滾動條，也就是尺寸溢出，一般來說如果高度超了就出現垂直滾動條，寬度超了就出現水平滾動條，但是在IE6中，只要尺寸大于等于預定高度，就會兩個滾動條一起出現，這好象是一個bug。
解決方法：
在子網頁設置css如下：
html {
overflow-y:auto!important;
*overflow-y:scroll;
}
這段最重要的一點是設置overflow-y為scroll，這樣強制出現垂直滾動條的話，水平滾動條就不會顯示出來了，但如果寬度超出過多，水平滾動條還是會超出，這時可以考慮設置:overflow-x:hidden;，但相應的，這樣用戶就無法滾動子頁面了。
之所以要加overflow-y:auto!important;，是因為IE7中已沒有這個bug，并且firefox也能認到overflow-y這個據說是IE的私有屬性……，所以我們還要把overflow設回來。
?
上面這個方法還可以有改進的地方
既然只有IE6有這個BUG那就只針對IE6寫就行了
html {_overflow-y:scroll;}
_下劃線是IE6專有的 這樣就又省了一行代碼 又提高了效率
?
?
?
轉載于:https://www.cnblogs.com/AaronYang/p/3156552.html
《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的浏览器兼容性 问题收集的全部內容，希望文章能夠幫你解決所遇到的問題。
