鼠标经过图像与透明背景

文本我没有太多的工作使用Javascript，但我有一个如何使图像过渡到另一个图像一个大概的了解。我正在尝试制作一张图片，当它被挖空时，它将成为占据图片占据空间的文本块的透明背景。我见过很多教程，但没有任何匹配。鼠标经过图像与透明背景

另外：有没有办法用CSS或以其他方式格式化这段文字？（如添加填充，换行等）

任何帮助或链接到一个网站，我可以计算出来，将不胜感激！谢谢！

2013-04-09 Lapys

你想要的背景图像变得完全透明或半透明的？ – Markasoftware 2013-04-09 23:39:09

半透明，我想。我的错。我基本上想要降低它的不透明度并在它前面打一巴掌。 – Lapys 2013-04-09 23:47:44

这fiddle是一个纯粹的CSS实现改变放置在悬停在文本的前一个图像的不透明度。要做到这一点，我用文字和图像容器都在一个容器格内，并设置position: absolute，使它们重叠。然后使用:hover选择器更改图像的不透明度。由于文字在图像后面，因此无法选择。让我知道如果这是你找什么，并指定你想什么不同，如果它不:)

来源

2013-04-09 23:52:33 asifrc

这非常符合我的需要。谢谢！ – Lapys 2013-04-10 00:35:32

如果你想要的文字留在鼠标悬停后，您可以使用JavaScript来切换到侧翻类并添加一些文字。例如，将图像作为背景放到某个类的div上（例如，class="solid-image"）。当您想要更改元素时，只需更改该类（例如，使用myElement.className="translucent-image"），然后就可以使用之前不可见的文本，或者可以通过使用添加文本到div（只要它没有子元素） textContent或innerText元素。例如：

text = "textContent" in document ? "textContent" : "innerText"; 
myDomElement[text] = "My text here";

然后为适当的事件添加事件侦听器。

来源

2013-04-09 23:56:41

非常有帮助，非常感谢！我想我会用上面提到的所有CSS实现，但是这也回答了我的原始问题。再次感谢！ – Lapys 2013-04-10 00:36:48

鼠标经过图像与透明背景

回答

相关问题