もんだい回答ポイントなし

はてなブログのヘッダー画像を横幅いっぱいにする方法教えてください！

ログインして回答する

ベストアンサー

a-kuma32022/05/26 18:43:35
```
.header-image-enable #blog-title #blog-title-inner {
    background-size: 100% 200px;
    background-position: initial !important;
}
```
スター
- 3件のコメントを見る
- もんだい 2022/05/26 22:34:18
  
  やったーうまくいきましたー。ありがとうございます。
  
  スター
- a-kuma3 2022/05/26 22:53:04
  もしよかったら、縦幅いっぱいにするのも教えてください。（無理なら大丈夫です）
  縦の方は、元の方にサイズがバッチリ書いてある（200px）ので、そちらも変更する必要があります。
  このコメントを書いている時点の「箱」の画像は縦が 512px なので、↓のようになります。
  .header-image-enable #blog-title #blog-title-inner { height: 512px; background-size: 100% 512px; background-position: initial !important; }
  height を追加して、画像の│サイズを指定。
  background-size の 2番目の数字も合わせる。
  ただ、これだと画像がでかすぎて、初見の人がタイトル画像しか見えないことになります。
  どちらかというとサイズに合わせた画像を用意するのが良いのではないかと思います。
  画像が、200px を少し超える程度であれば、上記の方法でサイズ指定をしても良いかな、とは思いますが。
  
  スター
- もんだい 2022/05/27 21:47:48
  
  そうですね。わかりました。
  回答ありがとうございました。
  
  スター

その他の回答

もんだい
2022/05/26 22:35:13

もしよかったら、縦幅いっぱいにするのも教えてください。（無理なら大丈夫です）

この質問へのコメント

コメントはありません

この質問への反応（ブックマークコメント）

質問の情報

登録日時: 2022-05-26 11:25:31
終了日時: 2022-05-26 22:39:58
回答条件: 1人5回まで

この質問のカテゴリ

学習・教育

人気の質問