时间戳

首页 > 解决方案 > MaterializeCSS collapsible with IMAGE

css - MaterializeCSS collapsible with IMAGE

问题描述

I'm using MaterializeCSS and I'm looking to add and image inside of the "collapsible-body" of a Collapsible element... but it doesn't shows up. It's possible to do what i'm trying some way? Maybe with CSS or JS?

here is my code:

<ul class="collapsible">
  <li>
    <div class="collapsible-header"><i class="material-icons">filter_drama</i>First</div>
    <div class="collapsible-body">
      <p>Lorem ipsum dolor sit amet.</p>
      <img href="https://materializecss.com/images/yuna.jpg"><!-- Example image -->
    </div>
  </li>
</ul>

and ofcourse the JS to initialize the collapsible:

$(document).ready(function(){
    $('.collapsible').collapsible();
});

标签： cssimagematerialize

解决方案

图像使用 SRC 属性，而不是 HREF：

<ul class="collapsible">
  <li>
    <div class="collapsible-header"><i class="material-icons">filter_drama</i>First</div>
    <div class="collapsible-body">
      <p>Lorem ipsum dolor sit amet.</p>
      <img src="https://materializecss.com/images/yuna.jpg"><!-- Example image -->
    </div>
  </li>
</ul>

推荐阅读