div要素の位置が固定されています

Question

次のdivに位置を固定しようとしています。しかし、私は位置を追加する：CSSに固定要素が消えるだけです。どんな提案も可能になります。ありがとう！

ビクトリア

ウェブとコードhttp://vtwg.eu/ZMT/untitled3.html

<div id="book-now"> 
<a href="mailto:musictours@zzkrecords.com?subject=Music_Tours"><img 
src="book_now.png" alt="" width="90"></img></a> 
</div> 


#book-now{ 

background-image: url("back_2.png"); 
background-repeat: repeat; 
text-align: right; 
padding-right: 60px; 
padding-top: 40px; 
} 

Answer 1

以下

固定要素がブラウザにfixedあります。あなたはそれがtopとright財産それの値を与えることによってを固定する場所を定義する必要があり要素が位置を固定している場合、あなたはtopやbottomの設定とするだけでなく、その位置を定義する必要が

position:fixed; 
    top: 100px; 
    right: 100px; 

Answer 2

leftまたはright（デフォルトはウィンドウの左上隅）ですが、widthとheightもあります。そうでないと、幅と高さがゼロになり、したがって見えなくなります。

追加：それはすべての4つの言及の設定（top、bottom、leftとright）ものはそれらの位置によって定義されているので、あなたは、幅と高さは必要ありませんのための位置の設定があります。

例：

.x { 
 
    position: fixed; 
 
    top: 60px; 
 
    left: 100px; 
 
    width: 160px; 
 
    height: 120px; 
 
    background-image: url("http://placehold.it/60x40/fa7"); 
 
    background-repeat: repeat; 
 
    text-align: right; 
 
    }

<div class="x"></div>

と幅と高さの設定せず（すなわち、目に見えない）：

.x { 
 
    position: fixed; 
 
    top: 60px; 
 
    left: 100px;; 
 
    background-image: url("http://placehold.it/60x40/fa7"); 
 
    background-repeat: repeat; 
 
    text-align: right; 
 
    }

<div class="x"></div>

Answer 3

あなた使用位置：固定、ブラウザウィンドウ用です。 上、左、右、下のいずれかの値を入力する必要があります。以下のような ：

#book-now{ 
    position: fixed; 
    top: 50px; 
    left: 50px; 
    background-image: url("back_2.png"); 
    background-repeat: repeat; 
    text-align: right; 
    padding-right: 60px; 
    padding-top: 40px; 
}