css - 背景画像を完全な高さにすることができません

Question

背景画像を引き込んでいますが、画像ではなくテキストの高さを取っています。最終的には text-indent: -99999px を実行しますが、画像全体を表示するためにすべての CSS プロパティを試しました。私のウェブサイトはhttp://yesiamshow.biz/です。これはスライドショーの下のボタンです。以前のプルの画像があることがわかりますが、全体の高さは表示されません。すべての CSS プロパティの高さが 60px ですが、何も起こりません。

Answer 1

ボタンは実際には正しい高さですが、あなたの.windowクラスはそれを切り取っています。410px に変更すると修正されるようです。

.window {
   height:410px;
}

display:blockまた、ボタンに幅と高さを指定しているため、ボタンに aまたは inline-block を指定する必要があります。

Answer 2

CSSをざっと見てみましたが、リンクをspan要素でラップしているようです。それでもそれを行うことができますが、すべてのスタイルをリンクに適用していることを確認する必要があります。

例。HTMLが次のようなものだった場合。

<a span="prev_btn"><a href="#prev">Previous</a></span>

あなたはそのようにスタイリングする必要があります。

span.prev_btn a { }

そして、それは次のように見えるはずです。

span.prev_btn a {
 background: [your url];
 display: block;
 height: [height];
 width: [width];
 text-indent: -9999px;
}

お役に立てば幸いです。