点击透明的.png

Question

首先，我想说myspace是一种痛苦。但是，音乐家喜欢它，我可以为他们做一些布局。我在myspace的原始外观上叠加了一层.png，但需要使用myspace音乐播放器。所以，我制作了一个围绕着具有透明中心的myspace播放器的相框，这样你就可以看到myspace播放器了。不幸的是，该播放器没有完整的功能。它似乎在我悬停时正确响应，但不是在我点击时。有谁知道如何解决这个问题？

你可以在这里看到我在说什么：myspace.com/gprettydesigns

Answer 1

添加

pointer-events: none;

在您的叠加层上

以使点击事件通过它。这是一个相当新的属性，因此并非所有浏览器都能理解它。

有关https://developer.mozilla.org/en/css/pointer-events

上指针事件的更多信息

Answer 2

最好的方法通常是将图像切成碎片并放置，以便没有任何东西覆盖音乐播放器。

Answer 3

也许您可以使用z-index将图像定位在播放器下方，更多信息请点击此处：http://www.echoecho.com/csslayers.htm

Answer 4

将背景图像放在div上，然后使用z-index将其放置在播放器后面。将背景图像放在div上并使用z-index的优点是它比使用实际的内嵌图像更快。

Answer 5

拍手拍手鼓掌给你！我已经完成了MySpace的调整，并且知道它是一个真正的PITA。

在此处更改CSS：

#shell {
    visibility:hidden;
    z-index:200;
}

我不记得这是否可行，或者他们是否只接受内联CSS。

不是真的有问题，但现在你也可以通过RootMusic在facebook上进行绑定。 MySpace很可能会在任何时候超限，所以我也会给他们看看。

好运处理MySpace的意大利面条表。