css - 尽管在代码中提到，但内容不会在输出中呈现。

Question

我不明白为什么我无法在我的网页上查看图像/文本/按钮 - 但我可以在代码中看到它？我找不到任何隐藏它的 CSS。请帮忙! http://soundcues.net/wordpress/instruments/

以下是未显示的代码示例:

<div id="masonry-container">                  
<article data-filters="" class="item   ">

        <a class="image-link no-frame" href="http://soundcues.net/wordpress/instruments/guitarmonics-acoustic">
        <!--        <span class="image-overlay"></span>-->
        <!--        <span class="overlay-thumbnail"><i class="--><!--"></i></span>-->
        <img width="191" height="173" class="prime-image post-image" alt="Acoustics GuitarMonics" src="/wordpress/wp-content/uploads/2014/05/GuitarMonics_Acoustic_Square_Website.png">    </a>

    <div class="description image">
        <div style="text-align:center;">
<h3 style="font-size:16px; font-weight:bold;">Acoustic GuitarMonics</h3>

<a style="background-color:#444444;" href="http://soundcues.net/wordpress/instruments/guitarmonics-acoustic" class="btn medium ">DETAILS</a>
</div>            </div>
</article>

Answer 1

您的 css 代码中有 opacity:0; 用于 article.item。这当然使一切都完全透明。