ホームページ > 記事 > ウェブフロントエンド > ie8_html/css_WEB-ITnose のセルの右下隅に 2 つの背景画像を並べて設定する方法
ie8_html/css_WEB-ITnose のセルの右下隅に 2 つの背景画像を並べて設定する方法
- WBOYオリジナル
- 2016-06-21 09:47:521480ブラウズ
注:
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 枚の写真に変更するなど、自由に調整できます。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。