Close

[CSS]區塊透明度css設定

想要在一個區塊或表格的背景加入透明度,要怎麼解決呢?

當然還是有ie與ff兩者相處的問題了0.0

以下是我處理透明度的方法:

CSS部分:

<style type="text/css">
<!–

.transparent {                                 /*這個是設透明度的標籤*/
    filter:alpha(opacity=50);           /*ie8 ok*/
    opacity:0.5;                                /*firefox ok*/
}

.green {                                                  /*這個是設綠色背景的標籤*/
    background-color:#090;                  /*這個是設區塊的背景色為綠色*/
}

body {                                                    /*這個是設整個網頁的標籤*/
    background-color: #000;                 /*這個是設整個網頁背景為黑色,以利分辨透明的感覺*/
}
–>
</style>

HTML部分:

<body>

<div class="transparent green">我是一個div區塊,背景綠色,透明度50%唷!!</div>

<p></p>

<table width=100% border="1" class="transparent green">
<tr><td>把效果用在表格上也行哦!!</td><tr>
<tr><td>1</td><tr>
</table>

</body>

所以… 還是瀏覽器在CSS上相容的問題 真害….
好 打完收工!!

發表留言

%d 位部落客按了讚: