2

wp-supersized を使用して、動的にサイズ変更される全幅の背景を設定しています。http://wordpress.org/extend/plugins/wp-supersized/

ここに私が実装したものがあります: http://www.preview.sharonblance.com/

高さ 154 ピクセルの固定高ヘッダーがあり、画像の上部が切り取られないように、画像の上部がヘッダーの下部から画面いっぱいになるようにします。

プラグインはブラウザの全高を使用していると思いますが、これを変更したいと思います。誰でもこれを行う方法を提案できますか?

4

3 に答える 3

1

うまくいけば、これらのいずれかに答えるのに遅すぎることはありません. 私の回答はこの投稿に触発されたもので、残念ながら私にはうまくいきませんでしたが、解決策を教えてください。

まず、この JavaScript を追加する必要があります (私は $.supersized 呼び出しの直後に配置しました)。

$('#supersized li').height($(window).height() - 154);

次に、いくつかの CSS を追加します。

#supersized li { top: 154px !important; }
#supersized li img {
    width: auto !important;
    max-height: 100% !important;
    top: 0 !important;
}

最後に、デバッグ中に特大サイズのオーバーレイを無効にしたい場合があります。

#supersized_overlay { display: none !important; }

幸運を！

于 2014-02-12T19:47:55.037 に答える
0

これはすでに解決されていると思いますが、とにかくここにあります！

supersized.css ファイルを見つけて、次のように編集します。

#supersized img {
padding-top:154px;
}
于 2012-12-10T18:13:31.107 に答える
0

#supersized liこのクラスtop: 154px;では、ヘッダーの高さを意味します。それがうまくいくことを願っています。

于 2012-11-14T06:56:22.640 に答える