Controlar transparência / opacidade em seu Myspace layout
Esta lição presume que você já tem um CSS layout para o myspace página e necessidade de mudar a transparência de uma seção. Essa lição também assume que você tem pelo menos introdutório experiência com Cascading Style Sheets
A transparência é uma forma popular para decorar uma página, tanto no myspace e com outros serviços populares. É bastante fácil de fazer, desde que você mantenha em mente alguns detalhes:
- Sabe o que é o código!
- Saber exatamente o que você deseja tornar transparente
- Know how transparente que pretende torná-la
- Lembre-se de definir o código para ambas Internet Explorer e Mozilla tipo navegadores
1 - Saber o que o código é
float:left;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
Há 4 linhas para esta. A primeira é o posicionamento. Tem de definir um posicionamento para esta transparência / opacidade mudança para o trabalho.
Nós usamos float: left; Isto funciona para IE e Mozilla / Firefox.
Porque você quer que seu código de trabalhar em vários navegadores - utilizar todas as 3 versões deste código
float:left;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
É possível astúcia para obter esses números diferentes efeitos. Basta notar que a opacidade = 100 significa que é opaco.
2 - Saber o que fazer transparente
Este código vai dentro do () para sua definição CSS. Você muito provavelmente não vai querer fazer sua inteira disposição transparente - embora haja alguns casos em que isso poderia ser motivador. Por exemplo:
Para fazer uma tabela específica conteúdo transparente lugar dentro do seu código CSS para a definição desses quadros.
por exemplo, para os seus quadros myspace
mesa mesa mesa (
float: left;
filtro: alpha (opacidade = 80);
-moz-opacidade: ,80;
opacidade: ,80;)
3 - Saber como fazer isto transparente
Isto é totalmente subjetivo. Você só precisa de mexer com os números para descobrir como a torná-la transparente. Basta lembrar que # opacidade = 100 - opacidade transparência. Portanto 30% de opacidade = 70% transparente
4 - Lembre-se de definir o código para ambas Internet Explorer e Mozilla tipo navegadores
O código listado acima abrange o IE e Mozilla Firefox. É um pouco redundante, mas vale a pena manter.
Não te esqueças de atribuir a classe para o seu elemento ou esta não funciona!
css código:
<style type="text/css">
. testtable (
float: left;
filtro: alpha (opacidade = 50);
-moz-opacidade: ,50;
opacidade: ,50;
)
</ style>
Código HTML:
<table width="50%" border="0" class="testtable">
<tr>
<td> <strong> Este é o texto nesta tabela </ strong> </ td>
</ tr>
<tr>
<td> <img src="/images/scrollingimage.jpg" width="466" height="206"> </ td>
</ tr>
<tr>
<td> Esta é a 50% de opacidade </ td>
</ tr>
</ table>
Nós esperamos que você vai encontrar este útil. Este é outro exemplo de como o CSS pode ser versátil para projetar a sua página layouts.






































