ie 半透明 繼承

遇到了ie 半透明套用 子繼承的問題
將底下子改成 filter:alpha(opacity=100)\9;/*ie all*/ 也沒有用(超蠢方法
使用了 半透明最佳實踐解決了
http://sofish.de/1916


<style type="text/css">

.rgba{
 background:rgba(0, 0, 0, 0.3);
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#4c000000', EndColorStr='#4c000000');
}

:root .rgba{
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000');
}


</style>


<div class="brand rgba">
</div>

任性的firefox瀏覽器

.one{
 position:relative;
}

.two{
 position:relative;
 top:0;
 left:100px;
}

<table>
<tr>
<td class="one">
<p class="two"></p>
</td>
</tr>
</table>

在firefox下會抓不到.one的position 造成跑版，只好改成在用div包起來

.one{
 position:relative;
}

.two{
 position:relative;
 top:0;
 left:100px;
}

<table>
<tr>
<td>
<div class="one">
<p class="two"></p>
</div>
</td>
</tr>
</table>

在flash上面放一個背景透明連結

因為在ie flash
getUrl("xxx.htm","_blank")另開新連結不一定跳的出來
所以在flash上面放一個透明的htm的連結

<style type="text/css">
a.linkbox{
 background-color:rgba(0%,0%,0%,0);
 display:block;
 height:100px;
 width:100px;


 background-color:#000\9;/*ie all*/
 filter:alpha(opacity=10)\9;/*ie all*/
 _background:none;/*ie6*/
}
</style>

<a href="http://www.frt.com.tw/_images/20120524094735651_0001.jpg" target="_blank" class="linkbox"></a>


google使用
background-color:rgba(0%,0%,0%,0);

firefox和ie使用
background-color:#000;
filter:alpha(opacity=10);

ie6就沒辦法了(攤手)

DIV圖片水平垂直居中 幾乎涵蓋所有瀏覽器

DIV水平垂直居中-兼容所有浏览器，如：IE6、IE7、IE8、IE9、IE10、IE11、火狐、GOOGLE、Opera

原始位置


但實際使用後 ie6.7好像不行

別人的CSS筆記

http://blog.roodo.com/nafi99/archives/cat_861177.html
意外發現別人寫的CSS筆記 裡面提供很多很實用的連結

如
每個瀏覽器的CSS hack
http://mynthon.net/howto/-/webdev/CSS-big-list-of-css-hacks.txt

圖片垂直居中

http://www.planabc.net/2008/05/26/img_vertical_center_solution/
原文
很有用，但測試結果ie9還是不行

http://html.nhndesign.com/html_guide/?css3

HTML5 & CSS3