小编whu*_*nut的帖子

我试图在一段文本的底部获得一个很好的淡出效果作为"更多阅读"指标.

我一直在关注这个和其他教程,我的代码目前如下:

HTML

<section>
    <p>malesuada fames ac turpis egestas...leo.</p>                                                                  
    <p>malesuada fames ac turpis egestas...leo.</p>
    <div class="fadeout"></div>
</section>
<p>Stuff after</p>

CSS

.fadeout {
    position: relative; 
    bottom: 4em;
    height: 4em;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); 
} 

的jsfiddle

问题是,即使我将透明div放在文本主体上,4em的空间仍然存在于'Other Stuff'之间.

有任何想法吗？

我正在使用打嗝生成一些复选框,后跟标签.原始代码如下所示:

(check-box "check1")
(label "check1" "Check1") 
(check-box "check2")
(label "check2" "Check2")
(check-box "check1")
(label "check3" "Check3")
(check-box "check4")
(label "check4" "Check4")

经过大量的修修补补,我得到了以下几点:

(map
    (fn [x]
        (map
            #(get (vector
                (check-box x)
                (label x (capitalize x)))%)
            [0 1]))
    ["check1" "check2" "check3" "check4"])

哪个有效,但我觉得我不是在一个非常类似于/优化/正确的等等.方式 - 特别是返回一个向量只是为了用get来挖出这些值.有一个更好的方法吗？