第四個鏈接不可見

-1

當您單擊生產多維數據集時，會打開一個彈出窗口。第四個鏈接不可見

圖像下方的彈出有四個環節。

但我只能看到三個環節。

怎麼看第四個鏈接。

http://jsfiddle.net/Lx7kx/7/embedded/result/

<div class="cubeCellProduction" data-text="Production" data-caption="&lt;a style='padding-left: 30px; font-size: 14px; color: grey;' href='/' &gt;Work Orders&lt;/a&gt; &lt;div&gt; &lt;a style='padding-left: 40px; font-size: 14px; color: grey;' &gt;Projects&lt;/a&gt; &lt;/div&gt; 
        &lt;div&gt;&lt;a style='padding-left: 42px; font-size: 14px; color: grey;' &gt; Work Flow &lt;/a&gt;&lt;/div&gt; 
        &lt;a style='padding-left: 42px; font-size: 14px; color: grey;' &gt;Reports&lt;/a&gt;" 
        data-image="http://intra.defie.co/images/Desktop_icons_02.07.13/production.png"></div> 

$('document').ready(function() { 
      window.setTimeout(function() { 
       $('.cubeCellProduction').each(function() { 
        var htmlText = $(this).attr('data-text'); 
        $(this).append('<div class="cubeTextStyleProduction">' + htmlText + '</div>'); 

        $(this).hover(

        function() { 

         $(".cubeTextStyleProduction").addClass("hovered").append("<span class='divStockProduction'>Production</span>"); 

        }, 

        function() { 
         $(this).find("span:last").remove(); 
         $(".cubeTextStyleProduction").removeClass("hovered"); 

        }); 
       }); 
      }, 600); 

     });

來源

2013-03-22 user2045025

'.caption'設置爲'高度：90像素important'再添'30px'左右，你應該看到它。 – 2013-03-22 22:10:54

爲什麼它的否定 – user2045025 2013-03-23 00:02:03

.caption類設置爲height: 90px !important;。更改爲height: auto;，這將解決任何數量的鏈接的問題。

來源

2013-03-22 22:45:59

.caption的max-height是防止從正在顯示的最後一個元素。爲了容納隱藏的元素或以遞增

.caption { max-height: 90px !important; }

的max-height需要（理想情況下），應使用min-height和padding以實現期望的佈局。

來源

2013-03-22 22:07:38 pdoherty926

我懷疑這可能也有一些做的事實是你的第二個和第三個環節是一個div裏面，但第一和第四都沒有。那是你想要做的嗎？

來源

2013-03-22 22:11:54 ophintor

我沒有將它包裝在'div'中，但它沒有改變任何東西，'CSS'是導致問題的原因。 – 2013-03-22 22:14:25

第四個鏈接不可見

回答

相關問題