- UID
- 695
- 主题
- 回帖
- 0
- 精华
- 积分
- 5367
- 金币
- 枚
- 草籽
- 颗
- 鲜花
- 朵
- 注册时间
- 2024-2-2
- 最后登录
- 1970-1-1
|
本帖最后由 云笛 于 2024-7-5 21:23 编辑
代码需要修改一下 复制以下即可
- <style>
- #mydiv { margin: 0 0 0 calc(50% - 991px);
- display: grid;
- place-items: center;
- width: 1800px;
- height: 900px;
- top:130px;
- background: lightblue url('http://qslt.net/data/attachment/forum/202407/05/183834nsows1rne1x7nsre.jpg') no-repeat center/cover;
- box-shadow: 0px 0px 0px #000;
- user-select: none;
- overflow: hidden;
- position: relative;
- z-index: 3; }
-
- #vid3 {
- position: absolute;
- width: 100%;
- height: 110%;
- right:0%;
- top:-70px;
- object-fit: cover;
- pointer-events: none;
- mix-blend-mode: screen;
- z-index: 5;
- opacity: .79;
- }
- </style>
- <div id="mydiv"> <div class="mypic"><img src="" alt="" /></div>
- <video id="vid3" src="https://img.tukuppt.com/video_show/2269348/00/17/43/5ec47a9914ee7.mp4" autoplay="" loop="" muted=""></video>
- </div>
- <audio id="aud" src="https://music.163.com/song/media/outer/url?id=2130141969" autoplay="" loop=""></audio>
- <br><br><br><br><br><br><br><br>
- </td></tr></table>
复制代码
之前看过静妹妹发的教程,如图这里一般改动为-80 能够上移去掉右上角的熊猫办公的logo |
评分
-
2
查看全部评分
-
|