CSS_html/css_WEB-ITnose を使用してナビゲーションのチルトスタイルを実装する方法-htmlチュートリアル-php.cn

CSS_html/css_WEB-ITnose を使用してナビゲーションのチルトスタイルを実装する方法

WBOY

リリース： 2016-06-21 09:23:04

オリジナル

1774 人が閲覧しました

上の図の効果を実現するには、呼び出しの理由から絶対位置決めは使用できません。。。神に導きを求めてください。。。

ディスカッション（解決策）への返信

どういう意味ですか、なぜ理解できないのですか！！

どういう意味ですか? ！

上のハイライト効果です、傾いたスタイルです、ここのスタイルはできません

どういう意味ですか、なぜ理解できないのですか！！

PNG 画像を切り取るか、CSS3 背景を使用する必要がありますか?

休暇中はフォーラムに人が少ないです

最後に、斜めの画像を追加します

休暇中は、フォーラムに人が少ないです。 [/quote重要なのは、それを行うと IE ブラウザーが互換性がなくなります。FF を互換性を持たせるだけでは不可能です

最も簡単な方法は、背景画像を 10 枚カットすることです。マウスが各ナビゲーションに出入りするときに背景画像を変更するだけです。すべてのブラウザーと互換性があります

最も簡単な方法は、10 個の背景画像をカットすることです。マウスが各ナビゲーションに出入りするときに背景画像を変更するだけです。すべてのブラウザーと互換性があります

背景画像はどのように作成しましたか?傾きだけですか、それとも背景全体ですか?単に傾けるだけの場合、ブロックレベルの要素を絶対に配置する必要はありません。どのように実現するか教えてください

背景全体、テキストを削除します

このレイアウトは何ですか?全体の背景を理解するのは非常に難しいので、簡単に書いてもらえますか?

斜めナビゲーションを以前に受けましたか? 試験を受けました

http://sab888.com/

実在の人物*、このようなウェブサイトにはこのような黒いリンクがよくあります。。。でも、よく見ると、傾いたナビゲーションの効果が違います。私をよく見ていませんでした。

CSS3背景の実装、休日、フォーラムの人数削減

IEと互換性のある方法を探しています

最後にベベル画像を追加します

いいえ、これはハイライト特殊効果が配置されている場合にのみ表示されますマウス上で。ホバーで実現できますか?

純粋な CSS は実装がより困難ですが、js は実装が非常に簡単です

純粋な CSS は実装が非常に簡単です

JS を考えてみましょう。コードを見てください。

最後に、これを追加します。ベベル画像

は機能しません。これは、マウスでハイライト効果を適用した場合にのみ表示されます。ホバーを使用すると実現できますか?

ホバー+写真を使用すると実現できないのはなぜですか?

css3 で書くことができます

この効果は、複数の div を重ね合わせてから、各 div のスタイルを平行四辺形などに設定し、不透明度を設定して透明効果を実現します。位置を設定できます、修正されました

詳細を明確に説明していませんが、まだ問題が解決していない場合は、QQ に参加して議論してください。 515445681

1. 位置合わせには負のマージン左を使用します。 , しかし、テキストは別々に配置する必要があります。ホバリングが背景からはみ出すトリガーは常に奇妙に感じます
2. 左右に分けて、ホバリング時に左の背景画像を直接移動して位置合わせします
3. CSS3 を使用します。ナビの形状を変換しますが、古いバージョンでは正方形しか表示できません。以上です

この効果は、複数の div を重ね合わせてから、各 div のスタイルを平行四辺形か何かのように設定し、透明を実現することです不透明度を設定することで効果が得られます。フロートさせたい場合は位置を設定できます。固定

位置調整は使用できません。これは Dream Weaver によって呼び出されるナビゲーションであるため、位置を設定したい場合は JS を使用する必要があります。。。。配置せずにDIVを重ねる方法がよくわかりません

最後に、斜めの画像を追加します
いいえ、これはマウスでハイライト効果を配置した場合にのみ表示されます。ホバーを使用すると実現できますか?

ホバー+写真を使用すると実現できないのはなぜですか?
ホバー + 背景画像の使用方法についてアドバイスをお願いします。主な問題は、それらが重なり合って配置できないことです

1. 負のマージンを使用して整列します。見た目は似ていますが、テキストは次のようにする必要があります。トリガーが別々に配置されていて、ホバーが背景に表示されるのはいつも変な感じです

2. 左右に分けて、ホバー時に左側の背景画像を直接移動して位置を合わせます
3. CSS3 を使用して変換しますナビの形状は異なりますが、古いバージョンでは正方形のものしか表示されない場合があります
上記の傾斜角度は 2 番目の DIV レイヤーを超えていない場合は、境界線フィーチャーの境界線を使用できます

。

最後に、斜めの画像を追加します

いいえ、これはマウスでハイライト特殊効果を配置した場合にのみ表示されます。ホバーを使用すると実現できますか?

ホバー+写真を使用すると実現できないのはなぜですか? アドバイスをお願いします。ホバー+背景画像を使用してください。主な問題は、それらが重なっていて配置できないことです

主な問題は、傾きに誘惑されていることだと思います
正方形として表示されますエリア
マウスを上に移動すると、四角形が表示されます。後で背景を変更して位置を調整します。笑、それは同じです。私が作った黄島フォーラムは自分で解決しなければなりません

多くの偉大な神々は助けてくれませんでした、へへ、それは私が作った黄島フォーラムのようなものです、あなたは自分で解決しなければなりません

後で気づきましたか？ ? 上記の偽マスターは私の質問や描画にまったく注意を払いませんでした、おい

最後にベベル画像を追加します

いいえ、これはハイライト特殊効果が配置されている場合にのみ表示されますマウスでその上に移動します。ホバーを使用すると実現できますか?

ホバー+写真を使用すると実現できないのはなぜですか?
アドバイスをお願いします。ホバー+背景画像を使用してください。主な問題は、それらが重なっていて配置できないことです
主な問題は、傾きに誘惑されていることだと思います
正方形として表示されますエリア
これにマウスを置くと、正方形が表示されます。色付きの div が機能するかどうかを確認してください。後で背景を変更して位置を調整できます。
正方形のエリアが必要な場合は、まだ読んでいません。オーバーラップするには、絶対位置決めを使用する必要があります。問題は、それらがすべて呼び出されることです。1 行のコード調整で、オーバーラップを実現するには、JS でのみ記述できます。
専門家からの返信をいくつか読みました。。。。実際、そのような効果だけが必要な場合は、直接描画し、ホバーを使用してマウスがその上をスライドする効果を実現できると思います。！！上記のマスターが述べた半透明性と組み合わせて、z-index を使用して複数の div をオーバーラップします。！！ (私も初心者なので表現が間違っているかもしれませんが)