AngusYoung Posted June 7, 2012 at 06:56 PM Report Share #461240 Posted June 7, 2012 at 06:56 PM Boas pessoal! Estou a criar o meu primeiro site. Queria fazer, um fundo mais escuro (transparente, como se fosse um vidro escurecido) para colocar o conteúdo em cima (texto, etc.) e estou a usar uma folha de estilos externa, denominada style.css. Acontece que a caixa transparente só aparece quando o código para a transparência está dentro do ficheiro da página. Por exemplo: Com o código da transparência no index.html - aparece. Com o código na transparência no style.css - não aparece. Queria saber como fazer aparecer a transparência com o código na folha de estilos. Segue em baixo o código fonte dos dois ficheiros: index.html: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> </style> <link rel="stylesheet" type="text/css" href="../style/style.css" /> <title>Marcos Pereira WebFolio</title> </head> <body> <div class="transparent"> <img id="header" src="../images/Header.png" /> </div> </body> </html> style.css: <style type="text/css"> .transparent { background-color: black; width: auto; height: auto; opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ } a:link { COLOR: rgb(20,230,20); } a:visited { COLOR: rgb(10,180,10); } a:hover { COLOR: #FF0000; } a:active { COLOR: #00FF00; } body{ background-image: url("../images/background.jpg"); background-attachment: fixed; background-position: center center; background-repeat: no-repeat } #header{ background-attachment: scroll; top: 0px; left: 10px; width: 40%; height: 40%; } </style> Isto porque, saber a composicão do granito, os estágios da evolucão psicológica humana ou as deambulacões do Sartre não indicam puto sobre as competências de alguém num determinado campo específico e muito menos sobre o que as pessoas gostam de fazer ou a sua capacidade de aprendizagem. - bubulindo, 15 de Fevereiro de 2013 - 02:01 Link to comment Share on other sites More sharing options...
mjamado Posted June 7, 2012 at 07:25 PM Report Share #461242 Posted June 7, 2012 at 07:25 PM Os ficheiros CSS não têm as tags de style. Se as retirares, tudo funcionará como é suposto. "Para desenhar um website, não tenho que saber distinguir server-side de client-side" - um membro do fórum que se auto-intitula webdesigner. Temo pelo futuro da web. Link to comment Share on other sites More sharing options...
AngusYoung Posted June 7, 2012 at 07:33 PM Author Report Share #461245 Posted June 7, 2012 at 07:33 PM Então começo o ficheiro style.css com: .transparent { background-color: black; width: auto; height: auto; opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ } ? Experimentei e funcionou! Muito obrigado pela ajuda! Hasta la vista baby, Angus Young Isto porque, saber a composicão do granito, os estágios da evolucão psicológica humana ou as deambulacões do Sartre não indicam puto sobre as competências de alguém num determinado campo específico e muito menos sobre o que as pessoas gostam de fazer ou a sua capacidade de aprendizagem. - bubulindo, 15 de Fevereiro de 2013 - 02:01 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now