背水(测试自居中新机制)

马黑黑

马黑黑

帖子代码

1. <style>
   
2.     @import 'https://638183.freep.cn/638183/web/tz/tz.v5.css';
   
3.     .pa { --bg: url('https://638183.freep.cn/638183/t24/w7/bwuv.webp') no-repeat center/cover; }
   
4.     .vid { width: 10vw; height: 10vw; border-radius: 15%; mix-blend-mode: screen; }
   
5. </style>
   
6. 
   
7. <div class="pa"></div>
   
8. 
   
9. <script type="module">
   
10.     import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v5.02.js';
    
11. 
    
12.     const tz = TZ.TZ('pa');
    
13. 
    
14.     tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=491097414' });
    
15.     tz.add('video', '', 'pd-vid', { src: 'https://img.tukuppt.com/video_show/2402760/00/01/42/5b42d0f78c1ad.mp4' });
    
16.     tz.add('video', '', 'vid ma', {
    
17.             disablePictureInPicture: 'true',
    
18.             src: 'https://img.tukuppt.com/video_show/2421007/00/08/36/5d1ede4eb6ac5.mp4'
    
19.         }).playmp3();
    
20.     tz.bgprog().style('bottom: 40px; color: #fefefe; width: 240px;');
    
21.     tz.fs().style('left: 20px; top: 20px;');
    
22.     tz.autoMid();
    
23. </script>

复制代码

山人

评分后表现怪异

山人

对一楼以外的各楼点评正常，局部刷新机制不一样

霜染枫丹

终于忙完了上来一看这背景就是游戏场面，声音很有力量感，一下子人就振奋了，这感觉真好！谢谢马老师！

                               
登录/注册后可看大图

霜染枫丹

山人 发表于 2026-2-21 13:26
评分后表现怪异

问好山人！在这里见到您很高兴，给您拜年了~~

                               
登录/注册后可看大图

霜染枫丹

XY都居中是个很好的创意，让我想起了四菜一汤的构图，应该效果会挺好，我试试

梦油

我给黑黑先生拜年啦，祝你阖家欢乐、幸福安康。

红影

这个居中更迅速，挺好的。
评分后有点问题，刷新一下就可以了

红影

欣赏黑黑好帖

马黑黑

梦油 发表于 2026-2-21 14:27
我给黑黑先生拜年啦，祝你阖家欢乐、幸福安康。

感谢感谢！新年好！

马黑黑

红影 发表于 2026-2-21 19:15
这个居中更迅速，挺好的。
评分后有点问题，刷新一下就可以了

这是一个头疼的问题。我和AI反复研讨，它提供了N多种方案，就是没一个好使。

马黑黑

霜染枫丹 发表于 2026-2-21 14:12
XY都居中是个很好的创意，让我想起了四菜一汤的构图，应该效果会挺好，我试试

主要是水平视口居中。垂直方面如果居中，那是恰巧的事情：您的显示设备刚好对应此种情形。

马黑黑

霜染枫丹 发表于 2026-2-21 14:01
终于忙完了上来一看这背景就是游戏场面，声音很有力量感，一下子人就振奋了，这感觉真好！谢谢马老师！

...

梦江南

帖子自动居中迅速，省去了宽，高偏移代码。黑黑老师太厉害了！

梦油

马黑黑 发表于 2026-2-21 19:34
感谢感谢！新年好！

老朋友别客气、

小辣椒

黑黑现在的是秒居中，比前面那个速度快了许多

小辣椒

评分后发现背景重叠，js重新修改了

黑黑辛苦一次次修复

小辣椒

发现有画面重叠的状况，刷新后好了

小辣椒

就纯测试，小辣椒去套用做一个上来看看