BusinessPressのTOPページヘッダー画像

  • 解決済 siroitotan2022

    (@siroitotan2022)


    2年、 6ヶ月前

    現在テストで作成中です。
    TOPページのホームページヘッダーを上部いっぱいに表示させたいと思います。
    下記のコードで表示されるようになるのですが、

    .main-header-original {
	top:0;
  left:0;
	position: absolute;
	z-index:1;
	width: 100%;	
}
.main-header{
  background-color: rgba(255,255,255,0.5);
	padding-top:15px;
	padding-bottom:15px;
}

    他のページのコンテンツが上にかぶるようになってしまいます。
    http://test.akaitotan.jp/works/
    そこで、ホームページヘッダーを使用しないでTOPページ（固定ページ）に画像を配置してみましたが
    どうしてもグローバルメニューの下にしか画像を表示することができません。
    他のページに影響することなくグローバルメニューの下まで画像をいっぱいに表示させることは可能でしょうか。
    よろしくお願い致します。

    ヘルプの必要なページ: [リンクを見るにはログイン]

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • Aki Hamano

    (@wildworks)

    2年、 6ヶ月前

    @siroitotan2022 さん

    こんにちは。

    TOPページのみスタイルを変えたい場合は、bodyタグに付与されるhomeというクラスを利用して以下のように書けます。

    body.home .main-header{
	top:0;
	left:0;
	position: absolute;
	z-index:1;
	width: 100%;	
	background-color: rgba(255,255,255,0.5);
	padding-top:15px;
	padding-bottom:15px;
}
    トピック投稿者 siroitotan2022

    (@siroitotan2022)

    2年、 6ヶ月前

    Tetsuaki Hamano (@wildworks)さん

    早々にご返信ありがとうございます。

    なるほど！そうですね。
    ご指摘の通りに修正したら、出来ました！

    感謝申し上げます！

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「BusinessPressのTOPページヘッダー画像」には新たに返信することはできません。