《旅路(結婚)》（学习老黑“回家”制作）
<style>#mama { left: -214px; width: 1024px; height: 680px; background: purple url('https://pic.imgdb.cn/item/62e659fb8c61dc3b8edc76e8.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; position: relative; }
#mypic { position: absolute; width: 225px; height: 371px; left: 340px; top: 320px; border: none; cursor: pointer; }
</style>
<div id="mama">
<img id="mypic" src="https://pic.imgdb.cn/item/62e678948c61dc3b8efaeabe.png" alt="" />
</div>
<script>
let aud = new Audio();
aud.src = 'https://music.163.com/song/media/outer/url?id=27090001.mp3';
aud.loop = true;
aud.autoplay = true;
mypic.onclick = () => aud.paused ? aud.play() : aud.pause();
</script>
@马黑黑 新娘肿么可以辣么纤细？{:5_117:} 队长把那个png的尺寸设错了吧，人物都快成一条线了{:4_173:} 马黑黑 发表于 2022-7-31 19:11
新娘肿么可以辣么纤细？
我也不知道啊。我还在晕呢。{:4_189:} 红影 发表于 2022-7-31 19:14
队长把那个png的尺寸设错了吧，人物都快成一条线了
等会再研究。{:4_189:} 介是和那竹杆菇凉结婚？{:4_173:} 本帖最后由 加林森 于 2022-7-31 20:27 编辑
马黑黑 发表于 2022-7-31 19:11
新娘肿么可以辣么纤细？
这里都是正常的。怎么到了论坛就变形了呢？
https://pic.rmb.bdstatic.com/bjh ... 9c01a03fc3e459c.png
樵歌 发表于 2022-7-31 19:41
介是和那竹杆菇凉结婚？
你也可以参加的。{:4_189:} 队长好制作，黑黑的效果做的不错{:4_178:} 本帖最后由 近朱者赤 于 2022-7-31 20:53 编辑
加林森 发表于 2022-7-31 20:25
这里都是正常的。怎么到了论坛就变形了呢？
https://pic.rmb.bdstatic.com/bjh ... 9c01a03fc3e459c.png ...
已经改好了哦，不再是骨感美女了！{:4_187:} 小辣椒 发表于 2022-7-31 20:47
队长好制作，黑黑的效果做的不错
谢谢小辣椒帮忙！{:4_204:} 加林森 发表于 2022-7-31 20:25
这里都是正常的。怎么到了论坛就变形了呢？
https://pic.rmb.bdstatic.com/bjh ... 9c01a03fc3e459c.png ...
你png尺寸帖里面不对，现在好了 近朱者赤 发表于 2022-7-31 20:49
可能是原始图片宽度过大，应用设置宽度又过小导致被压缩吧，可以试试PNG图片宽度设置大点看看效果，要不 ...
谢谢！ 小辣椒 发表于 2022-7-31 20:51
你png尺寸帖里面不对，现在好了
嗯嗯。谢谢了啊。我破电脑卡得很，想制作一个不容易啊。{:4_204:}{:5_102:} 加林森 发表于 2022-7-31 20:25
这里都是正常的。怎么到了论坛就变形了呢？
https://pic.rmb.bdstatic.com/bjh ... 9c01a03fc3e459c.png ...
在CSS里定义图片尺寸要基本符合图片比例。
另外，图片应做些剪裁，以合适自己的需求 马黑黑 发表于 2022-7-31 21:06
在CSS里定义图片尺寸要基本符合图片比例。
另外，图片应做些剪裁，以合适自己的需求
嗯嗯。谢谢了！！ 加林森 发表于 2022-7-31 21:17
嗯嗯。谢谢了！！
弄好了木有 近朱者赤 发表于 2022-7-31 20:49
已经改好了哦，不再是骨感美女了！
是的。排骨美女不在了。{:4_189:} 马黑黑 发表于 2022-7-31 21:36
弄好了木有
现在应该是好了，你没有看啊？{:5_153:}
页:
[1]
2