html如何让图片背景透明,html – 如何让我的网站的背景透明,而不使内容(图像和文字)也是透明的？...

我正在做一个学校项目的网站,我目前有一个小问题,我不能使身体的背景透明,也不影响其内容.

text

• Inicio
• Sobre a banda
• Membros
• Bilhetes
• Galeria
• Área Pessoal

Galeria de imagens

Aqui poderá encontrar uma galeria de imagens da banda,com fotos de concertos,

entre outras imagens.

Ver

Noticias

18 de Abril,2011

"So Far Away" vai ter videoclip

Muitos se questionavam se o mais recente single dos Avenged Sevenfold,"So Far Away",ia ter direito a um videoclip. Eis que surge a boa notícia para os fãs dos A7X: So Far Away vai ter videoclip.

Já foram divulgadas algumas fotos do set de filmagens.

10 de Março,2011

A7X nomeados para a Metal Hammer Golden Gods Awards 2011

Os Avenged Sevenfold foram nomeados para a Metal Hammer Golden Gods Awards 2011 em duas categorias.

As categorias onde os A7X estão a participar são as seguintes:

- Best International Band (Melhor Banda Internacional)

- Best Shredder (com o Synyster Gates) (Melhor Shredder)

O album mais recente

Os californianos Avenged Sevenfold estão de volta aos discos com "Nightmare". Solos de guitarra,vocalizações rasgadas e um som contagiante continuam a ser a base do sucesso de uma das bandas de heavy-Metal com mais fãs no mundo inteiro.

Fundados em 1999 por M. Shadows,Synyster Gates,Zacky Vengeance,Johnny Christ e The Rev - baterista que faleceu em Dezembro de 2009 passado e que foi substituido neste disco por Mike Portnoy,dos Dream Theater - os Avenged Sevenfold já contam com cinco discos de originais na sua carreira.

Musicas com maior sucesso

Faixa	Album	Dowload links
Bat Country	City of Evil	Ouvir
Beast and the Harlot	City of Evil	Ouvir
Seize the Day	City of Evil	Ouvir
Almost Easy	Avenged Sevenfold	Ouvir
Afterlife	Avenged Sevenfold	Ouvir
Nightmare	Nightmare	Ouvir
Welcome to the Family	Nightmare	Ouvir

text

这里是CSS代码：

.head{

width: 150px;

height: 160px;

}

body {

font-family: tahoma,helvetica,arial,sans-serif;

font-size: 12px;

text-align: center;

background: #000;

color: #ddd4d4;

padding-top: 12px;

line-height: 2;

background-image: url('images/background.jpg');

background-repeat: no-repeat;

background-attachment: fixed;

background-size: 100%;

opacity: 0.8;

filter:alpha(opacity=80);

}

td,th {

font-size: 12px;

text-align: left;

line-height: 2;

}

#wrapper {

margin: auto;

text-align: left;

width: 832px;

position: relative;

padding-top: 27px;

}

#body {

background: url(images/body_bg_1.gif) repeat-y;

width: 832px;

}

#bodyi {

background: url(images/body_top_1.gif) no-repeat;

width: 832px;

}

#bodyj {

background: url(images/body_bot_1.gif) bottom no-repeat;

padding: 1px 0;

}

#body2 {

background: url(images/body_bg_2.gif) repeat-y;

width: 832px;

}

#bodyi2 {

background: url(images/body_top_2.gif) no-repeat;

width: 832px;

}

#bodyj2 {

background: url(images/body_bot_2.gif) bottom no-repeat;

padding: 1px 0;

}

h1,h2,h3,#nav,#nav li {

margin: 0; padding: 0;

}

#nav {

font-size: 10px;

position: absolute;

right: 0;

top: 12px;

line-height: 1.2;

padding-left: 120px;

}

#nav li {

float: left;

width: 108px;

list-style: none;

margin-left: 2px;

border-bottom: 1px solid black;

}

#nav a {

background: #738d09;

color: #2e3901;

font-weight: bold;

text-decoration: none;

display: block;

text-align: center;

padding: 1px 0;

}

#sidebar {

float: left;

width: 250px;

padding-left: 4px;

}

#sidebar .content {

padding-left: 24px;

}

#sidebar .content img {

float: left;

clear: left;

margin: 5px 5px 5px 0;

}

#sidebar .divider {

background: url(images/left_splitter.gif) center no-repeat;

height: 5px;

width: 169px;

}

#content {

float: right;

width: 462px;

}

#content1 {

float: left;

width: 800px;

}

#content1 .content {

margin: 7px 35px 7px 20px;

padding-left: 20px;

}

#content .content {

margin: 7px 55px 7px 17px;

}

#content .content table {

width: 310px;

margin-right: 0px;

}

#content .content table td,#content .content table th {

padding-right: 10px;

}

#content .content table td.download {

text-align: right;

padding-right: 0px;

}

#content .divider {

background: url(images/right_splitter.gif) repeat-x;

height: 5px;

}

h1 {

position: absolute;

left: 0;

top: 0;

}

h2 {

font-size: 10px;

color: #cf9118;

margin: 1em 0;

}

h3 {

font-size: 10px;

margin: 1em 0;

}

h5 {

font-size: 20px;

color: #cf9118;

margin: 1em 0;

text-align: center;

}

h6 {

font-size: 18px;

margin: 1em 0;

}

p {

margin: 1em 0;

}

img {

border: 0;

}

img.left { float: left; margin-right: 14px; }

img.right { float: right; margin-left: 14px; }

.readmore {

text-align: right;

}

.hidden {

visibility: hidden;

}

.clear {

clear: both;

}

a {

color: #f0b33c;

font-weight: bold;

text-decoration: none;

}

a:visited {

color: #cf9118;

}

a:hover {

text-decoration: underline;

}

table a {

text-decoration: underline;

font-weight: normal;

color: #7f7c79;

}

#power {color:#fff;text-align:center;}

#power a {color:#fff;}

任何帮助的赞赏…提前感谢.