《水星记》 郭顶
本帖最后由 加林森 于 2022-1-22 12:33 编辑 <br /><br /><style type="text/css">
.tb-Box { margin: 0 auto; width: 699px; height: 487px; position: relative; box-shadow: 2px 2px 6px 1px rgba(0,0,0,.8); }
.tb-Box img { width: 699px; height: 487px; cursor: pointer; opacity: .95; }
.frame { position: absolute; left: 0px; top: 0px; display: none;}
.tb-Box:hover .frame { display: block; }
</style>
<p style="text-align:center;">
<div class="tb-Box">
<img src="https://pic.imgdb.cn/item/61eb6d302ab3f51d918e36f6.jpg" alt="" style="opacity: 0.5;">
</p>
<iframe class="frame" frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="https://music.163.com/outchain/player?type=2&id=441491828&auto=1&height=66"></iframe>
</div>
@马黑黑@红影 队长这张图合适做透明处理,用 opacity 属性,播放器也可以用:
<img style="opacity: 0.5;" alt="" src="图片地址" />
<iframe style="opacity: 0.6;" ... ></iframe>
<p style="text-align:center;">试看一下效果:opacity设为0.5<br><br>
<img src="https://pic.imgdb.cn/item/61eb6d302ab3f51d918e36f6.jpg" alt="" style="opacity: 0.5;">
</p>
0.5不太合适,0.8~0.95之间吧 马黑黑 发表于 2022-1-22 11:32
队长这张图合适做透明处理,用 opacity 属性,播放器也可以用:
嗯嗯,挺好的。 马黑黑 发表于 2022-1-22 11:34
试看一下效果:opacity设为0.5
漂亮漂亮。 加林森 发表于 2022-1-22 11:36
漂亮漂亮。
要修改opacity值到合适为止 马黑黑 发表于 2022-1-22 11:36
要修改opacity值到合适为止
怎么播放器跑出来了啊?晕 马黑黑 发表于 2022-1-22 11:36
要修改opacity值到合适为止
终于修改好了。老黑你来看看。 队长做得很成功,恭喜{:4_187:} 红影 发表于 2022-1-22 13:24
队长做得很成功,恭喜
谢谢红影支持。{:4_204:}{:4_190:} 我来听歌~~ 星星没闪,球没转动呵。{:4_203:} 这歌前奏用了什么乐器~~{:5_115:} 杨柳青 发表于 2022-1-22 13:38
我来听歌~~
{:4_190:} 樵歌 发表于 2022-1-22 13:39
星星没闪,球没转动呵。
最重要的是播放器的隐藏功能。 杨柳青 发表于 2022-1-22 13:39
这歌前奏用了什么乐器~~
你慢慢听,我要出去锻炼了。 加林森 发表于 2022-1-22 13:39
队长帖子越做越好~~{:5_116:} 加林森 发表于 2022-1-22 13:47
你慢慢听,我要出去锻炼了。
声音有点抖的乐器没听到过~~