Comment faire une image dans le html transparent?

J'ai un fichier html et je veux mettre une image en. L'image doit être transparent. La façon dont je le fais maintenant - tout d'abord vient l'image, et après avoir terminé, il vient le texte et les autres images. Comment ajouter de la transparence de l'image dans le html?
C'est mon code maintenant:

<img src="result_files\image003.png" alt="some_text"/>
InformationsquelleAutor petko_stankoski | 2011-11-16
  1. 17

    Essayez d'utiliser l'opacité (et le filtre pour IE)

    <img src="result_files\image003.png" alt="some_text" style="opacity:0.4;filter:alpha(opacity=40);"/>

    Maintenant, je comprends votre question, la réponse est quelque chose comme ceci: 

     <div style="background:url(image.jpg)"> the content here </div>
    • Cela ne rend l'image plus lumineuse. Je veux le rendre visible, mais de mettre en image/texte SUR elle.
    • Donc, je ne vous comprend pas la question. L'opacité est LA façon de faire des images transparentes en html.
    • Mais je veux que l'image de fond pour le contenu.
    • Donc, votre question est autre. Essayez de faire quelque chose comme ceci: <div style="background:url(image.jpg)"> le contenu ici </div>
    • Ne peux pas croire que personne d'autre n'a upvoted accepté réponse qui a eu 2 itérations de la compréhension de la question. La question en fait n'a rien à voir avec la transparence à tous.
    InformationsquelleAutor Martin Borthiry
  2. 0

    Utiliser la propriété CSS opacity ou tout simplement faire le png transparent dans un éditeur d'image.

    InformationsquelleAutor pamojarpan
  3. 0

    si vous voulez que l'image de l'arrière-plan, doit être

    HTML

    <div class="content">
...content...
</div>

    CSS

    .content {
background-image:url('imageurl.jpg');
}
    InformationsquelleAutor MCSI
  4. 0

    Voici comment le rendre transparent, collez-le dans votre javascript et les modifier comme vous s'il vous plaît.

    HTML:

    	<a href="http://www.hlgjyl888.com/data/wallpapers/30/WDF_780770.png"><img onmouseover="bigImg(this)" onmouseout="normalImg(this)" src="http://www.hlgjyl888.com/data/wallpapers/30/WDF_780770.png" style="position:fixed; right:10px; bottom:20px; width:80px; height:80px; border:none; cursor:pointer; background:none;"></a>

	<script>
		function bigImg(x) {
		x.style.height = "120px";
		x.style.width = "120px";
		x.style.opacity = "0.2";
	}

		function normalImg(x) {
		x.style.height = "80px";
		x.style.width = "80px";
		x.style.opacity = "100";
		}
	</script>

    x.style.opacity indique au navigateur pour définir l'opacité, si la copie de ce document il y a un peu plus de choses que vous devez savoir...

    style="position:fixed; right:10px; bottom:20px; Il se positionne en bas à droite de la page.

    cursor:pointer; Rend le curseur séjour pointeur sur tous ou presque tous les navigateurs.

    Espère que cela vous aide!

    InformationsquelleAutor A guy