0

レスポンシブに div の固定部分を表示するオプションはありますか (見出しのみ)。たとえば、 <strong>コンテンツはすべてのウィンドウ サイズで表示する必要があります。

デモhttp://jsfiddle.net/sweetmaanu/DXBRM/

ここに画像の説明を入力

4

2 に答える 2

0

ここでjsfiddleを編集します：http://jsfiddle.net/DXBRM/3/

簡単にするためにjQueryを使用しました：

var Cheight = $(".colums").height();
$(".headline").css("bottom", - Cheight + 30);
$(".colums").mouseenter(function() {
    $(this).find(".headline").css("bottom", 0);
});
$(".colums").mouseleave(function() {
    $(this).find(".headline").css("bottom", - Cheight + 30);
});


見出しの高さは 30px だと思います。
ウィンドウのサイズを変更するときにも機能させたい場合は、使用するだけです$(window).resize(function(){...})

于 2013-08-21T10:59:42.800 に答える
0

メディアクエリを使用してそれを行うことができます：

/*iPads -----------*/
    @media only screen
    and (min-width : 768px)
    and (max-width : 1024px)
    {
        strong{
            display: none;
            }
    }

フィドル

于 2013-08-21T10:49:22.400 に答える