2012-02-14 8 views
0

9gag.comのように一部の画像を表示する方法(この場合はウォーターマークを隠す方法) cssでクリップを使用しようとしましたが、イメージは絶対的な位置にする必要がありますが、これは私にとってはいいことではありません。9gag.comのように画像の一部を表示する方法

CSSでこれを行うには別の方法はありますか? jsも大丈夫です。

ありがとうございました。

///////////////////////////////////////////////////////////////////////////// // はここに私の問題を解決する、私は

img {margin:0 auto -33px;} 
+1

なぜ 'position:absolute'を使用できないのですか?それを 'position:relative'コンテナにラップすると、そのコンテナに対して絶対的になります。 – ThiefMaster

+0

私はあなたが推奨したことをした、それはページを壊す。 – user1099029

+0

解決策を実際の回答として投稿してください。 – BoltClock

答えて

2

はい、CSSのoverflowプロパティを使用して愚かな、私は余裕の属性を使用することができます把握するために私にしばらく時間がかかりました。 overflow: hidden;を実行すると、コンテナの幅と高さを超えてエンティティを切り取ることができます。

あなたはW3スクールでもっと学ぶことができます:http://www.w3schools.com/cssref/pr_pos_overflow.asp 彼らは試してみるという例もあります。

+0

私のウェブサイトは9gagに似ています。画像ポストがたくさんあり、毎日追加されていますので、容器の高さと幅がすべて異なるため、私の場合は機能しません。 – user1099029

+0

個々の画像を検出するスクリプト高さと幅、右?そして、 'オーバーフロー:隠された'を隠すためにどれくらいの権利を計算するのでしょうか? – dangerChihuahua007

+0

まあ、私はすべての画像の底から正確に100ピクセル上に移動したいです。私は追加のスクリプトを使用することを避けようとしています。サーバーに負荷がかかるため、私のメモリは約60 MBしかありません。 – user1099029

0

これにはCSSが必要です。 HTTPリソース要求(スプライトと呼ばれる)を減らすために、多くのサイトで使用されているのと同じ手法を使用します。

divを作成し、イメージを背景イメージとして設定します。次に、divの希望の高さと幅を設定します。右下を切り取らない場合は、背景位置のCSS属性を調整することができます。

たとえば、​​を参照してください。

+0

確かに、私はスプライトの使い方を知っていますが、私のウェブサイトは9gagに似ていて、画像ポストがたくさんあります。日に日に追加すると、スプライトは使用できません。 – user1099029

+0

私はスプライトを使用すると言っているわけではありません。私はあなたがイメージの一部をカバーする同じテクニックを使用すると言っています。 –

関連する問題