2017-12-30 19 views
0

私はこの問題の解決策をインターネット上で探しましたが、私の場合に合った解決策を見つけることができませんでした。私は右にオーバーフローする代わりに、コンテナの左側にIMGのオーバーフローを作成しようとしています。私はdirection: rtl;を追加しようとしましたが、うまくいきませんでした。ここで私が扱ってるもののPICは次のとおりです。 picIMGをコンテナの左側にオーバーフローさせるには? CSS

あなたのイメージの高さと幅についての情報を持っている場合は、事前

+2

どこコードはありますか? –

+0

背景イメージですか、それともイメージですか? – sheavens

+0

コンテナ上の相対的位置と絶対的なイメージ..そして右:0のイメージ –

答えて

0

のおかげで道は、背景として画像を設定し、そのを制御することです左の値。バックグラウンド位置-xに負の値を設定する必要があります。これにより、左から始まるオーバーフローが表示されます。

.img { 
 
    overflow: hidden; 
 
    background-repeat: no-repeat; 
 
    width: 400px; 
 
    height: 400px; 
 
    background-position-x: -322px; 
 
    background-image: url(https://i.stack.imgur.com/KyxiY.png); 
 
}
<body> 
 
<div class="img"/> 
 
</body>

それとも別の、あなたはimgタグを使用したい場合。

.img { 
 
    position: relative; 
 
    left: -144px; 
 
} 
 

 
.container{ 
 
    overflow: hidden; 
 
}
<body> 
 
<div class="container"><img class="img" src="https://i.stack.imgur.com/KyxiY.png"/></div> 
 
</body>

関連する問題