ここから本文です

html cssについて質問です。

EDM .lo.Telさん

2020/2/2002:00:03

html cssについて質問です。

html
<div><img ~></div>css
div{
background-color:black;
position:fixed;
top:0;
z-index:10;
}

と打ったところ、divの枠、背景が消えてしまいimgだけがのこって固定されていました。
これはどこが間違いなのでしょうか?

閲覧数:
29
回答数:
3
お礼:
100枚

違反報告

回答

1〜3件/3件中

並び替え:回答日時の
新しい順
|古い順

プロフィール画像

カテゴリマスター

ybb********さん

2020/2/2015:45:03

EDM .lo.Telさん

>・・・・divの枠、背景が消えてしまいi・・・・・・・・・・

なにをしたいのか分かりませんが、
取り敢えず。ご参考に↓

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
div{ padding:10px;
background-color:black;
position:fixed;
top:0;
z-index:10;
}
</style>
</head>
<body>
<div><img src="https://s.yimg.jp/images/ks/clap/image/category/40/2078297526.png"></div>
</body>
</html>

leg********さん

2020/2/2011:39:02

divのwidthとheightを指定していないので、imgのサイズにぴったり合わさっているんじゃないでしょうか。

div{
width:300px;
height:200px;
}

img{
width:200px;
height:150px;

}


こんな感じでimgのサイズをdivより一回り小さくすればわかりやすいです。

bee********さん

2020/2/2004:22:57

cssのところのposition:fixed;をposition:float;に代えればいいかもしれません。

すると背景は黒になり、枠も表示できました。

おたずねのものだけだとどのようなレイアウトか分かりませんが、とりあえず、positionの設定を代えてみてはいかがでしょうか。

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる