CSS|區塊透明度css設定

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

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

CSS部分

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

.transparent {                                 /*這個是設透明度的標籤*/
    filter:alpha(opacity=50);           /*ie8 ok*/
    opacity:0.5;                                /*chrome、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>

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Scroll to Top