###BootStrapのフリーテーマを使っており、ヘッダー画像をHTMLに記述したい
BootStrapのフリーのテーマを使っているのですが、ヘッダー画像がCSSで記述されており、それをHTML側に画像設定したいです。HTML側への記述方法がわからないので教えてほしいです。
###該当のソースコード
HTML
1<!-- Header --> 2<div class="home"> 3 <header class="text-center carousel" id="carousel-example" data-ride="carousel"> 4 <div class="intro-text carousel slide" data-interval="2000"> 5 <h1>THE BADDEST</h1> 6 <p>タイトルタイトルタイトルタイトルタイトル</p> 7 </div> 8 </header> 9</div> 10 11```CSS 12```CSS 13.home header { 14 background: url(../img/header-bg.jpg) no-repeat bottom center; 15 background-size: cover; 16 color: #cfcfcf; 17 position: relative; 18 height: 500px; 19}
###追加情報
<div class="home">に連動して、その他のページも連動して画像設定されています。全てHTML側で画像を設定し、その後Cake PHPに落とし込みたいと思います。バックエンドからは画像設定はCSSでしないでほしいという依頼からこの質問となりました。CSS
1.premium header { 2 background: url(../img/premium-header-bg.jpg) no-repeat bottom center; 3 background-size: cover; 4 color: #cfcfcf; 5 position: relative; 6 height: 200px; 7 width: 100%; 8} 9.store header { 10 background: url(../img/store-header-bg.jpg) no-repeat bottom center; 11 background-size: cover; 12 color: #cfcfcf; 13 position: relative; 14 height: 200px; 15 width: 100%; 16}
回答2件
あなたの回答
tips
プレビュー