2

私はcssにスプライトシートを使用していますが、それらはうまく機能しますが、フッターにスプライトシートのセクションを配置したいのですが、それは湾曲したブロックのようで、左側のコンテンツボックスがこの上に少し表示されます。

ただし、下部に配置された背景としてスプライトのセクションを取得できないようです。

今では通常、このようなことをします

background:url(sprite.png) -20px -144px no-repeat; display:block; width:800px; height:225px;

でもこういうことをやってみると

background-color: #ffffff;
font-size: .75em;
font-family: Verdana, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
color: #000000;
height:100%;
width:800px;
background-image:url(images/sprite.jpg); 
background-position:0 0 no-repeat bottom left;

私は背景として完全なスプライトシートを取得します.....だから私の質問は、スプライトのセクションのみを取得し、そのセクションをdivの下部セクションとして使用することが可能であるということです!!!!

一口ですが、私はこのアイデアをビンに入れたくありません。それが可能であれば、誰かがすでにそれを行っています。

4

3 に答える 3

1

フッターセクション内のネストされた固定サイズのdivに配置します。フッターdivを大きくしたいが、スプライトのサイズが制限を超えたくない場合は、それがほとんど唯一の方法です。

于 2009-11-05T18:14:51.413 に答える
0

ひやありがとう、体にそれを動かすことができなかったので、私はコンテナdivを追加しました：

min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; background:url(images/sprite.jpg) no-repeat;     clip:rect(0,800px,270px,0); position:absolute;

ただし、divサイズは、実行中のクリッピングのサイズに制限されます。私の計画では、これを常にすべてのコンテンツの下部に配置することです。

1行になっていることをお許しください。ボックスでは、すべてのコードを1つのブロックに追加できません!!!!

于 2009-11-05T15:33:49.347 に答える
-1

では、表示したいセクションよりも大きいコンテナ内の画像のセクションを表示しようとしていますか？

その場合は、clipプロパティを確認してください。その例を次に示します。

#myDiv {
   width:400px; height:300px;
   background:url(sprite.png);
   clip:rect(100px,250px,150px,100px);
   position:absolute;
}

http://www.julienlecomte.net/blog/2007/07/4/

于 2009-11-05T14:57:12.920 に答える