HTMLについての質問です。
かなりの初心者です。
レシポンシブにするためコーディングをしています。
そこで、トップの画像を背景にするためbackgroundで貼っているのですが、
縦横の比率を保ったままサイトに合わせて可変することができません。
heightを%にすると画像が表示されません。
色々な解説をみて恐らくbackground-size:100% auto; background-size:auto 100%;の指定が求めているものに近いのですが反映されません
以下悩んでいる部分になります。
先ほどの補足を付け足しております。
<html> <head> <meta charset="UTF-8"> <title>test</title> <style> *{ margin:0; padding:0; } .top{ width:100%; height:480px; background:url(common/images/top.png); background-size:cover; } </style> <body> <div class="top"></div> </body> ```2016/2/1716:14:42 回答頂いたcoverやbackground-size:100% 100%;にしても反映されず、パスは元ので画像の表示はされます。 [目標](http://www.allinthemind.biz/markup/css/background-size.html) こちらのサイトの100% auto - 横 縦 -の動きをして欲しいのです。。
回答4件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/02/17 11:54