可爱老人网

 找回密码
 注册会员
搜索
楼主: 夕阳黄昏

帖子显示不正常的判断

[复制链接]
 楼主| 发表于 2022-3-19 14:30 | 显示全部楼层
湛蓝 发表于 2022-3-19 14:21
就是编制一个代码,底图(背景图)是一张较大的静态图,

静态图上面有一两个动态图,比如:风景图上有 ...

30楼 粗制乱造
 楼主| 发表于 2022-3-19 14:32 | 显示全部楼层
湛蓝 发表于 2022-3-19 14:21
就是编制一个代码,底图(背景图)是一张较大的静态图,

静态图上面有一两个动态图,比如:风景图上有 ...
  1. <div style="width:1300px;height:846px;position:relative;overflow:hidden;margin:100px 0 32px -200px;
  2. background-image:url(https://www.z4a.net/images/2022/03/18/00.jpg);">

  3. <img src="https://s1.ax1x.com/2022/03/19/qA2JWn.gif" style="width:1000px;position:absolute;left:150px;top:0px;">

  4. <div>
复制代码


花瓣太吓人了
发表于 2022-3-19 14:32 | 显示全部楼层
本帖最后由 湛蓝 于 2022-3-19 14:34 编辑

对了,这么快,谢谢您!就是这个效果


动图最好设置尺寸,让花瓣变小点,太大了是吓人啊
动图代码后面  width=120    height=1000  ????
 楼主| 发表于 2022-3-19 14:33 | 显示全部楼层
本帖最后由 夕阳黄昏 于 2022-3-19 14:34 编辑

湛蓝 发表于 2022-3-19 14:32 对了,这么快,谢谢您!就是这个效果
发表于 2022-3-19 14:36 | 显示全部楼层
夕阳黄昏 发表于 2022-3-19 14:33
本帖最后由 夕阳黄昏 于 2022-3-19 14:34 编辑

34楼可以了,若动图代码可以设置好宽和高。这样不是可随意调节
动图的大小?      

不用改代码了, 现在已经可以了,谢谢!

发表于 2022-3-19 14:36 | 显示全部楼层
还有一个可能是本身电脑系统不支持的原因。
 楼主| 发表于 2022-3-19 14:37 | 显示全部楼层
本帖最后由 夕阳黄昏 于 2022-3-19 14:39 编辑

湛蓝 发表于 2022-3-19 14:32 对了,这么快,谢谢您!就是这个效果
  1. <div style="width:1300px;height:846px;position:relative;overflow:hidden;margin:100px 0 32px -200px;
  2. background-image:url(https://www.z4a.net/images/2022/03/18/00.jpg);">
  3. <img src="https://s1.ax1x.com/2022/03/19/qA2JWn.gif" style="width:300px;position:absolute;left:250px;top:250px;">
  4. <img src="https://s1.ax1x.com/2022/03/19/qA2JWn.gif" style="width:300px;position:absolute;right:250px;top:250px;">
  5. </div>
复制代码
花瓣还是大得可以打死人
发表于 2022-3-19 14:39 | 显示全部楼层
本帖最后由 湛蓝 于 2022-3-19 14:47 编辑

记得最早的代码音画,因为H5尚未开发起来,那时候背景图上
添加的特效都是flash(可以定位),现在flash退出历史舞台了,只好想办法添加GIF动图,是想把这套代码给一位朋友!
这样不用PS切片了,只要这个效果!

37楼的动画可以了谢谢!

发表于 2022-3-19 14:40 | 显示全部楼层
夕阳黄昏老师好,欣赏好帖受益匪浅,点赞。
 楼主| 发表于 2022-3-19 14:41 | 显示全部楼层
沧海笑 发表于 2022-3-19 14:36
还有一个可能是本身电脑系统不支持的原因。

不太明白您的意思,无论电脑是什么系统和帖子有直接关系的总是浏览器啊。
        
下一页 发布主题 快速回复

手机版|公众号|小黑屋|可爱老人网

GMT+8, 2024-11-17 09:42

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表