Question

我有一个html文件，我想要放入一个图像。图像应该是透明的。我现在正在做的方式 - 首先是图像，在完成之后，出现文本和其他图像。如何在html中添加透明图像？这是我现在的代码：

<img src="result_files\image003.png" alt="some_text"/>

Answer 1

尝试使用不透明度（和IE过滤器）

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

现在，我理解你的问题，答案是这样的：

 <div style="background:url(image.jpg)"> the content here </div>

Answer 2

使用CSS属性不透明度或仅在图像编辑器中使png透明。

Answer 3

如果你想让图像成为背景，那么

HTML

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

CSS

.content {
background-image:url('imageurl.jpg');
}

Answer 4

以下是如何使其透明，将其粘贴到您的JavaScript中并根据需要进行编辑。

＆＃13;

	<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>

＆＃13;

x.style.opacity告诉浏览器设置不透明度，如果将其复制到您的文档中，还有一些您应该知道的事情......

style="position:fixed; right:10px; bottom:20px;将其定位在页面右下方。

cursor:pointer;使光标保持指针在所有或几乎所有浏览器上。

希望这能帮到你！

如何使html中的图像透明？

4 个答案: