关于图像排版问题

关于图像排版问题


标签: 

正在查看 10 个帖子:1-10 (共 11 个帖子)
  • 作者
    帖子
  • ygdm123
    参与者
    • 文章数量: 26
    @ygdm123
    楼主

    请问如何才能像这个网站一样排列图片?并且悬停放大图片的时候不遮盖别的图片?

    样例网站https://www.ahwstudio.com/  我的网站https://www.bengalcat.cn/sample-page/

    诗语
    管理员
    • 文章数量: 5,858
    @feibisi

    分栏模块选四个,然后给这些模块设置边框四周都为 0 边距,之后注意,设置每个模块单独的背景,给模块设置背景,而不添加图片模块,然后设置悬停效果就行了。

    如果不能理解上面说的,可以继续跟帖告知操作步骤。

    ygdm123
    参与者
    • 文章数量: 26
    @ygdm123
    楼主

    ygdm123
    参与者
    • 文章数量: 26
    @ygdm123
    楼主

    没有理解意思 我新设置了一个段 然后插入了两个行 将行背景设置为图片 然后并没有显示出来

     

    ygdm123
    参与者
    • 文章数量: 26
    @ygdm123
    楼主

    不知道方便不方便加一个微信 我新建一个管理员 您帮忙做一个例子 我学习一下

    诗语
    管理员
    • 文章数量: 5,858
    @feibisi

    我给你另外找个实现差不多功能的插件吧,要直接做样例的话好几个小时就出去了。

    ygdm123
    参与者
    • 文章数量: 26
    @ygdm123
    楼主

    好的

    ygdm123
    参与者
    • 文章数量: 26
    @ygdm123
    楼主

    @feibisi 麻烦您方便的时候发一下插件 感激不尽

    诗语
    管理员
    • 文章数量: 5,858
    @feibisi

    不知道你们那边能不能上 YouTube ,能的话,看下面的视频,不行的话,我贴下代码

    background-size: 100%;
    transition: all 0.5s ease;

    教程

    https://www.youtube.com/watch?v=EMud8mbVZ50

    在图片的 hover 上加的 css 代码实现。

    ygdm123
    参与者
    • 文章数量: 26
    @ygdm123
    楼主

    好的 我试一下

正在查看 10 个帖子:1-10 (共 11 个帖子)
  • 哎呀,回复话题必需登录。

未找到对应子版块?请直接在 [疑难杂症] 版块中发帖提问。

收藏纪念品


有奖活动

参与论坛社区问答,有机会获赠文派瓦普(Wapuu.com)手办模型。

话题信息

商业系统