ホームページ > ウェブフロントエンド > htmlチュートリアル > ie8_html/css_WEB-ITnose のセルの右下隅に 2 つの背景画像を並べて設定する方法

ie8_html/css_WEB-ITnose のセルの右下隅に 2 つの背景画像を並べて設定する方法

WBOY
リリース: 2016-06-21 09:47:52
オリジナル
1531 人が閲覧しました




注:

1.ie は
をサポートします
background-image: url(A.png),url(B.png); この ie の書き方は

2 をサポートしません。
-ms-filter This機能するかどうかわかりますか?

3.
セルの幅と高さが不明です


IE は機能するので満点です、ありがとうございます

ディスカッション (解決策) に返信します

背景を直接設定することは可能だと思います。不可能です、あなたが言ったこと 最初の方法は、現在の比較的新しいバージョンのブラウザでのみサポートされている書き込み方法です

背景にしたいので、画像にしたらどうでしょうか?

クリック可能なボタンを作成する場合は、クリックする必要があるラベルに 2 つの画像を直接追加する必要はありません。

最初に挙げた方法は、比較的新しいバージョンのブラウザでのみサポートされている書き方だと思います

背景に設定したいので、 にしてみてはいかがでしょうか。絵?

クリック可能なボタンを作成する場合は、クリックする必要があるラベルに 2 つの画像を直接追加する必要はありません。

右下隅に考えられる状況は 1 12 2 です。自分で新しい画像に結合したくありません
背景にせずにこれを行う方法はありますか?

そんな絵の切り替えをたくさん見たことがありますよね?

大きな画像を表示すると、画像の下にいくつかのボタンがあり、対応する画像の表示を選択するだけです。

2 つのラベルを追加するには、位置決めまたは負のマージンを使用します。
追加のタグを追加するだけです。例えばこんな感じです。

<style>#aa{	height:100px;	background:#ddd;}.a,.b{	float:right;	width:50px;	height:50px;	margin:10px;	border:1px solid #fff;	margin-top:-60px;}.a{	background:#aaa;}.b{	background:#bbb;}</style></head><body><div id = "aa"></div><div>	<span class = "a"></span>	<span class = "b"></span></div></body>
ログイン後にコピー

細かい部分では、例えば背景を先ほどの 2 枚の写真に変更するなど、自由に調整できます。

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