Четвертая ссылка не отображается

Question

Когда вы нажимаете производственный куб, открывается всплывающее окно.

Всплывающее изображение под изображением имеет четыре ссылки.

Но я вижу только три ссылки.

Как увидеть четвертую ссылку.

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); 

     }); 

Answer 1

.caption класс установлен на height: 90px !important;. Измените на height: auto;, и это решит проблему для любого количества ссылок.

Answer 2

.caption «ы max-height препятствует последний элемент из отображаемого.

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

В max-height потребности быть увеличена для того, чтобы приспособить скрытый элемент или (в идеале) вы должны использовать min-height и padding для достижения желаемого макета.

Answer 3

Я подозреваю, что это может также иметь отношение к тому факту, что ваша вторая и третья ссылки находятся внутри div, но первая и четвертая не являются. Это то, что вы хотели сделать?