新しい機能ブートの実装

604 ワード

新しい機能は実現の構想を導く:
1.introに類似する.jsの実装は、html要素idまたは他の属性によってdomノードを見つけ、z-indexをより高いレベルに調整する.
新しい機能でクリック可能な操作が必要な場合は、この方法を使用します.
2.cssのoutline属性を使う
.guide {
    outline: 9999px solid rgba(0,0,0,.75);
}

以上の方法は火狐ブラウザで互換性の問題があるのでbox-shadowプロパティに変更します
box-shadow: 0 0 0 9999px rgba(0,0,0,.75)

しかし、この方法は低バージョンのsarafiで互換性の問題がある可能性があり、jsでブラウザのタイプを判断することができ、sarafiは上のoutline方法で、他のブラウザはbox-shadow属性を使用します.
張鑫旭のこの文章を参考にしてhttps://www.zhangxinxu.com/wordpress/2017/05/jquery-guide-js-plugin/
転載先:https://www.cnblogs.com/lw5116/p/11592702.html