ホームページ  >  記事  >  ウェブフロントエンド  >  この種の DIV を斜めに記述する方法を教えてください_html/css_WEB-ITnose

この種の DIV を斜めに記述する方法を教えてください_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:17:081159ブラウズ


その方法を教えてください。


ディスカッションへの返信(解決策)

親コンテナの相対位置設定+子コンテナの絶対位置設定z-indexオーバーレイ+子コンテナの背景にそれっぽい画像処理

これはCSS3ですか?ショートコードを書いていただけませんか

背景画像はpng形式で影を半透明にしています。 IE7 以降では追加のスタイルは必要ありません。IE6 では背景透明フィルターを使用する必要があります

どのような効果を実現したいですか?マウスを上に動かすとすべてが表示されますか? 「はい」の場合、上の重ね合わせたものは、オーバーレイ カバレッジのために 4 つの PNG 画像に処理する必要があります。右側にコンテンツがないものは、透明および半透明の黒いベベル エッジに処理されます。それを 1 つの画像に加工して加熱します

border-radius: 5px;shadow: 3px #333;

これは自分で確認してください、私はあまり使用しません

ただし、ブラウザが CSS3 をサポートしているかどうかに応じて、ポスターがこれを行うには画像を使用するのが最適であることをお勧めします。 ...
折りたたむ場合は、司会者のように 重ねてPNG化するとのこと。

これはPSを使用してそのようなエフェクトを作成して貼り付けたものだと思います...

PSを使用した方が早いですか? ?

これは写真ではありませんか? ソースコードを確認してください

オーナーさん、この写真の URL を公開してください

写真は傾いてますが、div は傾いていません

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。