transparent image show in the website

5 六月, 2009 at 12:46 下午 發表留言

transparent image show in the website, 其實而家support png 圖, 有幅png 圖做bg , 就已經係透明呢~~

/* In CSS file */
#transbox {

background-image: url(‘images/bg-111111-50.png’); /* The PNG image 1x1px, colour #111111, opacity 50% */
background-repeat: repeat;

}

/*+++ transparenet box setting  ++++*/
.transbox
{
 width: 244px; /* original size : 249px */
 height: 144px; /* original size : 149px */
 background-image: url(    ‘../../images/bg-111111-50.png’ ); /* The PNG image 1x1px, colour #111111, opacity 60% */
 background-repeat: repeat;
 margin: 17px 10px 17px 10px;
 border: solid 4px #ffffff;
 position: relative;
}

/* This is the container which set text to solid color, ‘position: relative’ used for IE */
.transbox div
{
 color: #FFFFFF;
 text-align: center;
 font-weight: bold;
 font-family: Century Gothic;
 font-size: medium;
 padding-top: 3px;
 position: relative;
}
.transbox img
{
 padding-top: 2px;
 position: relative;
 border:0;
 
}

 

Entry filed under: HTML. Tags: .

break sql statement CSS Filter

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com 標誌

您的留言將使用 WordPress.com 帳號。 登出 /  變更 )

Google photo

您的留言將使用 Google 帳號。 登出 /  變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 /  變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 /  變更 )

連結到 %s

Trackback this post  |  Subscribe to the comments via RSS Feed


近期文章


%d 位部落客按了讚: