關於圖像排版問題

標籤: 

正在查看 10 個帖子:1-10 (共 11 個帖子)
  • 作者
    帖子
  • ygdm123
    參與者
    • 文章數量: 26
    @ygdm123
    樓主

    請問如何才能像這個網站一樣排列圖片?並且懸停放大圖片的時候不遮蓋別的圖片?

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

    詩語
    管理員
    • 文章數量: 5,932
    @feibisi

    分欄模塊選四個,然後給這些模塊設置邊框四周都為 0 邊距,之後注意,設置每個模塊單獨的背景,給模塊設置背景,而不添加圖片模塊,然後設置懸停效果就行了。

    如果不能理解上面説的,可以繼續跟帖告知操作步驟。

    ygdm123
    參與者
    • 文章數量: 26
    @ygdm123
    樓主

    ygdm123
    參與者
    • 文章數量: 26
    @ygdm123
    樓主

    沒有理解意思 我新設置了一個段 然後插入了兩個行 將行背景設置為圖片 然後並沒有顯示出來

     

    ygdm123
    參與者
    • 文章數量: 26
    @ygdm123
    樓主

    不知道方便不方便加一個微信 我新建一個管理員 您幫忙做一個例子 我學習一下

    詩語
    管理員
    • 文章數量: 5,932
    @feibisi

    我給你另外找個實現差不多功能的插件吧,要直接做樣例的話好幾個小時就出去了。

    ygdm123
    參與者
    • 文章數量: 26
    @ygdm123
    樓主

    好的

    ygdm123
    參與者
    • 文章數量: 26
    @ygdm123
    樓主

    @feibisi 麻煩您方便的時候發一下插件 感激不盡

    詩語
    管理員
    • 文章數量: 5,932
    @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 個帖子)
  • 哎呀,回覆話題必需登錄。

話題信息

  • 當前位於:Divi
  • 10 條回覆
  • 2 個參與人
  • 最後回覆:<a href="https://bbs.weixiaoduo.com/users/ygdm123/" title=" 查看 ygdm123 的個人資料" class="bbp-author-link"><span class="bbp-author-name">ygdm123</span></a>
  • 上次活動:<a href="https://bbs.weixiaoduo.com/topic/36386/page/2/#post-36419" title=" 回覆至:關於圖像排版問題">4 年、 9 月前</a>