私がやりたいことをよりよく説明するために、私が使用しているコードとサンプル画像を含めました
<style>
body {
border: 5px double black;
font-family: Courier;
text-align:center;}
.homepage {
width: 75%;}
.logo { /*the image that you are seeing being sent behind the text*/
width: 150px;
}
#header { /*the id of the div that is has the class="img" file nested*/
display:block;
margin:auto;
border-bottom: 2px solid black
}
#intro {
position:relative;}
</style>
これは私が現在持っているものですが、bottom-border
下にスクロールしてもページに「接着」されたままになるように、その上にあるすべてのものを固定位置にしたいです。
position:fixed;
これは、.logo
セレクターを入れると得られるものです。
私は HTML/CSS を数日間しか学んでおらず、 を使用するかどうかを完全には理解していませんでしたdisplay
。また、さまざまな状況で、また受講した Codecademy コースでもツールposition
を取り上げました。z-index
私が構築したいものに対する解決策が何であるかわかりません。