0

これが状況です。ページの右側に画像を配置する Web ページを作成しています。ブラウザ ウィンドウを小さくすると、水平スクロール バーが表示されるようにしたいので、overflow: visible プロパティを含めます。また、画像を固定して、ページを下にスクロールすると、背景と一緒に中央のコンテンツがスクロールされますが、画像はそのままになるようにします。しかし、両方の機能を自分のページに持ち込むことができません。2 つのプロパティが競合しているようです。それを回避する方法はありますか？

4

2 に答える 2

0

メディアタイプと呼ばれるCSSの概念を使用する必要があると思います....

のみを使用してこれを達成することはできませんposition:fixed

この CSS をページに追加します

@media all and (max-width: 699px), (max-height: 500px){
.overflowDiv{
         position:fixed;top:100px;height:100px;width:100px;
         overflow:scroll;
         }

必要に応じて max-width と max-height を変更します

ここにjsfiddleのデモがあります

それがあなたを助けることを願っています。

ありがとうございました

于 2013-01-15T06:26:39.617 に答える
0

あなたのコードは小さすぎます。前の問題はコードの例です。imgを修正してみてください：

img.fixed{
  position: fixed;
  right: 10px;
  top: 10px;
  width: 100px;
  z-index: 55;
}
于 2013-01-15T02:53:29.203 に答える