背水(测试自居中新机制)
<style>@import 'https://638183.freep.cn/638183/web/tz/tz.v5.css';
.pa { --bg: url('https://638183.freep.cn/638183/t24/w7/bwuv.webp') no-repeat center/cover; }
.vid { width: 10vw; height: 10vw; border-radius: 15%; mix-blend-mode: screen; }
</style>
<div class="pa"></div>
<script type="module">
import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v5.02.js';
const tz = TZ.TZ('pa');
tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=491097414' });
tz.add('video', '', 'pd-vid', { src: 'https://img.tukuppt.com/video_show/2402760/00/01/42/5b42d0f78c1ad.mp4' });
tz.add('video', '', 'vid ma', {
disablePictureInPicture: 'true',
src: 'https://img.tukuppt.com/video_show/2421007/00/08/36/5d1ede4eb6ac5.mp4'
}).playmp3();
tz.bgprog().style('bottom: 40px; color: #fefefe; width: 240px;');
tz.fs().style('left: 20px; top: 20px;');
tz.autoMid();
</script> 帖子代码
<style>
@import 'https://638183.freep.cn/638183/web/tz/tz.v5.css';
.pa { --bg: url('https://638183.freep.cn/638183/t24/w7/bwuv.webp') no-repeat center/cover; }
.vid { width: 10vw; height: 10vw; border-radius: 15%; mix-blend-mode: screen; }
</style>
<div class="pa"></div>
<script type="module">
import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v5.02.js';
const tz = TZ.TZ('pa');
tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=491097414' });
tz.add('video', '', 'pd-vid', { src: 'https://img.tukuppt.com/video_show/2402760/00/01/42/5b42d0f78c1ad.mp4' });
tz.add('video', '', 'vid ma', {
disablePictureInPicture: 'true',
src: 'https://img.tukuppt.com/video_show/2421007/00/08/36/5d1ede4eb6ac5.mp4'
}).playmp3();
tz.bgprog().style('bottom: 40px; color: #fefefe; width: 240px;');
tz.fs().style('left: 20px; top: 20px;');
tz.autoMid();
</script>
评分后表现怪异 对一楼以外的各楼点评正常，局部刷新机制不一样 终于忙完了上来一看这背景就是游戏场面，声音很有力量感，一下子人就振奋了，这感觉真好！谢谢马老师！
https://www.yueyijyw.com/data/attachment/forum/202602/21/100912soag637o2d8a6fv1.png
山人 发表于 2026-2-21 13:26
评分后表现怪异
问好山人！在这里见到您很高兴，给您拜年了~~
https://www.yueyijyw.com/data/attachment/forum/202602/21/100912soag637o2d8a6fv1.png
XY都居中是个很好的创意，让我想起了四菜一汤的构图，应该效果会挺好，我试试{:4_204:}{:4_190:}
我给黑黑先生拜年啦，祝你阖家欢乐、幸福安康。 这个居中更迅速，挺好的。
评分后有点问题，刷新一下就可以了{:4_204:} 欣赏黑黑好帖{:4_187:} 梦油 发表于 2026-2-21 14:27
我给黑黑先生拜年啦，祝你阖家欢乐、幸福安康。
感谢感谢！新年好！ 红影 发表于 2026-2-21 19:15
这个居中更迅速，挺好的。
评分后有点问题，刷新一下就可以了
这是一个头疼的问题。我和AI反复研讨，它提供了N多种方案，就是没一个好使。 霜染枫丹 发表于 2026-2-21 14:12
XY都居中是个很好的创意，让我想起了四菜一汤的构图，应该效果会挺好，我试试
主要是水平视口居中。垂直方面如果居中，那是恰巧的事情：您的显示设备刚好对应此种情形。 霜染枫丹 发表于 2026-2-21 14:01
终于忙完了上来一看这背景就是游戏场面，声音很有力量感，一下子人就振奋了，这感觉真好！谢谢马老师！
...
{:4_191:} 帖子自动居中迅速，省去了宽，高偏移代码。黑黑老师太厉害了！{:4_187:} 马黑黑 发表于 2026-2-21 19:34
感谢感谢！新年好！
老朋友别客气、 黑黑现在的是秒居中，比前面那个速度快了许多 评分后发现背景重叠，js重新修改了{:4_178:}
黑黑辛苦一次次修复
发现有画面重叠的状况，刷新后好了 就纯测试，小辣椒去套用做一个上来看看