ホームページ > ウェブフロントエンド > CSSチュートリアル > IE 11 でスティッキー ボタンが機能しないのはなぜですか?

IE 11 でスティッキー ボタンが機能しないのはなぜですか?

DDD
リリース: 2024-11-25 03:12:15
オリジナル
982 人が閲覧しました

Why Are My Sticky Buttons Not Working in IE 11?

位置: IE 11 でスティッキー ボタンが機能しない

この問題は、「スティッキー」プロパティがインターネットでサポートされていないために発生します。 Explorer 11. 「スティッキー」は、要素をビューポートに対して相対的に配置し、ユーザーの位置に留まらせます。

IE 11 でこの問題に対処するには、代わりに「fixed」プロパティを使用できます。

.sticky-button-thing-not-working-on-ie {
  position: fixed; /* added to support older browsers */
  bottom: 0;
  right: 0;
  background: rgba(0, 211, 211, 0.6);
}
ログイン後にコピー

「position:fixed」を追加すると、ボタンは下部に残ります。ユーザーがスクロールしているときでもページの位置を変更し、他のブラウザの「position: Sticky」と同じ効果を実現します。

「sticky」の間は次のことに注意することが重要です。ほとんどの場合、「fixed」プロパティが優先される可能性がありますが、ブラウザの互換性が懸念される状況では、「fixed」プロパティが実行可能な代替手段となります。

以上がIE 11 でスティッキー ボタンが機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート