0

ユーザーが簡単に画像を Web サイトに埋め込むことができるコード ジェネレーターを作成しました。ただし、この Web サイトでは、入力ボックスに貼り付けられたコードからすべての CSS スタイル属性と JavaScript が削除されます。

これは、ページ上の生成された画像の下または上にロゴを表示する必要があることを意味します。ロゴを画像の上 (できれば左上隅) に表示したいです。CSS を使用すると、これを次のようにスタイルしてposition:absolute、z-index:2その効果を生成することができます。しかし、CSSが無効になっているため、それを行うことはできません。

CSS や JavaScript (つまり HTML のみ) を使用せずに、私のロゴを私のメディアにオーバーレイするための面白い方法はありますか?

4

4 に答える 4

1

要するに：いいえ。

上から下への順序を選択しない限り、css なしで html 要素を好きなように配置することはできません (これは、html 構造の順序と同じです)。そのため、重ね付けはできません。

于 2012-07-17T22:29:04.570 に答える
1

CSS がなければ、マークアップは単純に流れるだけです。CSSがないとできません。

于 2012-07-17T22:29:37.203 に答える
1

少しクレイジーになりたい場合は、PHP の GD Image ライブラリを使用して、ロゴを上にマージすることができます。私は昨年、画像レイヤーをまとめて 1 つの最終的な画像にまとめてダウンロードできるようにするアバター メーカーを希望するクライアントのために、このようなことを行いました。最終結果はかなり素晴らしかったです。

http://php.about.com/od/advancedphp/ss/gd_library.htm

于 2012-07-17T22:46:15.293 に答える
0

テーブルの背景を使用すると、画像を互いに重ねることができます。次の例では、イメージを 10 ピクセルだけオフセットします。

<html><body>
<table background='image_one.png'><tr><td width='10'></td>
<td><img src='image_two.png'></td>
</tr></table>
</body></html>
于 2012-07-17T22:59:29.740 に答える