Le contrôle de la transparence / opacité dans votre mise en page Myspace
Cette leçon suppose que vous avez déjà une mise en page CSS pour votre page MySpace et la nécessité de modifier la transparence d'une section. Cette leçon suppose également que vous avez au moins avec l'expérience d'introduction des feuilles de style en cascade
La transparence est une façon populaire pour décorer une page, à la fois sur le myspace et avec d'autres services populaires. Il est assez facile à faire aussi longtemps que vous gardez un peu de détails à l'esprit:
- Savoir ce que le code est!
- Savoir exactement ce que vous voulez rendre transparentes
- Connaître le niveau de transparence que vous voulez faire
- N'oubliez pas de mettre le code à la fois Internet Explorer et Mozilla type de navigateurs
1 - savoir ce que le code est
float: left;
filtre: alpha (opacity = 80);
- moz-opacity: .80;
opacité: .80;
Il ya 4 lignes à cette question. La première est la mise en place. Vous devez définir un placement pour cette transparence / opacité changement de travailler.
Nous avons utilisé float: left; Cela fonctionne pour IE et Mozilla / Firefox.
Parce que vous voulez que votre code de travailler sur plusieurs navigateurs - utiliser tous les 3 versions de ce code
float: left;
filtre: alpha (opacity = 80);
- moz-opacity: .80;
opacité: .80;
Vous pouvez modifier ces chiffres pour obtenir différents effets. Il suffit de constater que l'opacité = 100 signifie qu'il est opaque.
2 - La connaissance de ce que de rendre transparents
Ce code va dans le () pour votre CSS définition. Vous vont très probablement pas envie de faire la totalité de votre mise en page transparent - même s'il existe certains cas où il pourrait être séduisant. Par exemple:
Pour faire un tableau spécifique contenu transparente placez votre code dans la définition CSS pour ces tableaux.
par exemple pour les tableaux votre MySpace
table table table (
float: left;
filtre: alpha (opacity = 80);
- moz-opacity: .80;
opacité: .80;)
3 - Savoir transparent pour ce faire
C'est entièrement subjectif. Il suffit de bricoler avec les chiffres pour déterminer le niveau de transparence afin de le rendre. N'oubliez pas que # opacité = 100 - opacité transparence. Par conséquent, 30% d'opacité = 70% transparent
4 - N'oubliez pas de mettre le code à la fois Internet Explorer et Mozilla type de navigateurs
Le code énumérés ci-dessus couvre à la fois Internet Explorer et Mozilla Firefox. Il est un peu redondant, mais il est utile de garder.
Ne pas oublier d'attribuer la classe de votre élément ou cela ne fonctionnera pas!
Code CSS:
<style type="text/css">
. testtable (
float: left;
filtre: alpha (opacity = 50);
- moz-opacity: .50;
opacité: .50;
)
</ style>
Code HTML:
<table width="50%" border="0" class="testtable">
<tr>
<td> <strong> C'est le texte dans ce tableau </ strong> </ td>
</ tr>
<tr>
<td> src="/images/scrollingimage.jpg" <img width="466" height="206"> </ td>
</ tr>
<tr>
<td> C'est à 50% d'opacité </ td>
</ tr>
</ table>
Nous espérons que vous trouverez ce utile. C'est un autre exemple de la versatilité des CSS peut être pour créer vos mises en page.






































