Tumblr photosets，图像上的图像

Question

我正在为我正在制作的杂志制作一个tumblr主题，但我仍然坚持使用照片块。

我希望将两个图像分层并使用悬停功能，以便在放置鼠标时使第一个图像消失。

我认为我的css相当不错，但问题是对于photosets tumblr创建一个带有自己的CSS的外部页面，我不知道如何修改它。我只是可以使用iframe.photoset获得不透明效果，但这还不足以修改我的图像的位置。

这是我申请照片的CSS：

.photoset {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}


.photoset_row {
    position: relative;
    display: block;
    width: 500px;
}

    .photoset_row:first-child {
        display: block;
    }

.photoset:hover .photoset_row {
    display: block;
}

.html_photoset:hover .photoset_row:fisrt-child {
    display: none;
}

我正在考虑使用类似的JS（测试带有摇晃效果），但我不是网页设计师，对我来说太难了。

{block:Photoset}
<div class="photoset">
    <div class="shakeImage" onMouseover="init(this);rattleimage()"  onClick="top.focus()"/>
{Photoset-500}
</div>

所以，如果你对这个问题有所了解，那真的很棒！