0

Web サイトのヘッダー画像にサイトのタグラインを手動で追加しようとしています。以下は、私が使用している Jquery と CSS です。表示するテキストを取得できませんでした。

www.jobspark.ca

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">  </script>

<script type="text/javascript">
$(document).ready(function(){
$("#banner-area").prepend("<div id='banner-tagline'>Tagline</div>");
});
</script>


#banner-tagline { color: #fff; font-size: 40px; text-align:center;  z-index: 99999; }

ここに画像の説明を入力

UPDATEトリックをしてくれた素晴らしい感謝。残っている唯一の問題は、下にスクロールすると固定ナビゲーションの前に表示されることであり、ページの垂直方向の中央に配置したい

4

3 に答える 3

1

position: absolute#banner-tagline 要素の CSSに a を追加します。EDITED：さらに、または位置z-indexがある場合にのみ有効になります。absolutefixed

于 2013-06-04T04:16:07.750 に答える
1

z-index は配置された要素でのみ機能するため、#banner-tagline のスタイルに position:relative (または、タグラインの配置方法に応じて position:absolute) を追加します。

于 2013-06-04T04:16:22.880 に答える