ie8_html/css_WEB-ITnose のセルの右下隅に 2 つの背景画像を並べて設定する方法-htmlチュートリアル-php.cn

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

ホームページ

ウェブフロントエンド

htmlチュートリアル

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 21, 2016 am 09:47 AM

注:

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 までご連絡ください。