ie8以下兼容透明都和支持CSS圓角，這兩個都要在服務器上才看到效果，可以本地搭建一個服務器如IIS
-pie-background: rgba(255, 255, 255, 0.10);/*IE6-8*/透明度兼容
background: rgba(255, 255, 255, 0.10);
最好是每個網站都加上
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
隱藏背景上的字體
所以還是只能用block加text-indent來“偏移”模擬隱藏了
display:block;
font-size:0;
line-height:0;
text-indent:-9999px;
經測試 ie6.0 、 7.0 、firefox 3.010 通過
嵌套inline-block下padding元素重疊
<span style="font-weight: normal;"><ul>
<li><a>1</a></li>
<li><a>2</a></li>
<li><a>3</a></li>
</ul></span>
<span style="font-weight: normal;">ul li{
display: inline-block;
}
ul li a{
display: inline-block;
padding: 10px 15px;
}</span>
按理來說a標簽之間的距離應該是30px，但在IE8中出現了重疊，只有15px。這里和這里也提到了同樣的問題。我的解決方法是使用float: left替代display: inline-block實現水平布局。
height: 100%下jQuery的slideUp/slideDown出錯
見jQuery slideToggle problem when using height %。
當設置如下屬性時：
html, body{height: 100%;}
就會出錯。
目前的解決方法是在需要slide的元素加上height: auto !important;。
border: 1px solid #80a5c3;
border-radius: 8px;
behavior: url(../Images/PIE.htc);}//圓角兼容
<!-- 指定以最新的IE版本模式來顯示網頁 -->
<!-- 針對360瀏覽器的內核調用,強制調用極速模式 -->
1：.xxx{line-height:0;font-size:0;overflow:hidden}經測試 ie6.0 、 7.0 、8.0、firefox 3.010 通過:
2：使用text-indent:-9999px;
可是他有一個局限性 他只適用于塊級元素block
3：最方便的是加個span，然后display:none，而且這樣不會出bug。
遺憾的是，多了個標簽，循環中使用的話，html又多了一堆字節，單個按鈕推薦這樣使用。
而針對input value的隱藏這個方式就有些吃力了
文章列表
留言列表
