人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Webデザインに関する質問です。このページを見て回答してください。
http://f41.aaa.livedoor.jp/~hinop/q001.htm

●質問者: hinop
●カテゴリ:ウェブ制作
✍キーワード:Webデザイン
○ 状態 :終了
└ 回答数 : 13/13件

▽最新の回答へ

1 ● tailliar
●14ポイント

完全に透かせるかというと微妙ですが、例えば

テーブルタグをネストさせて、

外側のテーブルではbackground=”表示させたい画像”

内側のテーブル(文字表示)のbackgroundに、格子状に透過させたgif画像等を使うことで、そういう効果を出すことができるかもしれません。

バッドノウハウですが確実な方法としては、

下に透かしたい画像の、ちょうど表示される部分を切り取ってしまい、画像加工した上でbackgroundに指定すれば、確実にそういう効果として見せることはできますね。

◎質問者からの返答

格子状に透過させた画像を作るにはどうすれば良いでしょうか?


2 ● GEN111
●13ポイント

IEなら filter:alpha を使う。

それ以外なら

■□■□■□

□■□■□■

■□■□■□

□■□■□■ (□は透明色)

こういう市松模様のパターンを作って背景にする。

◎質問者からの返答

なるほど・・。そのようなパターンを作ればできるのですね。やってみます。


3 ● やちまう
●13ポイント

filter:Alpha()を用いれば簡単に出来ます。

…ただし、見る側の環境がIE4以降であることが前提ですが…

<table>

<tr>

<td style=”background-color:#000000; filter:Alpha(Opacity=50)”>

<div style=”color:#ffffff; position:relative;”>

■■■文字は不透明■■■

</div>

</td>

</tr>

</table>

※Opacityの指定値は透明度(%)です。数値が大きいほど不透明になります。

また、<td>〜</td>内に配置された文字まで透けない用にする為に、

文字をブロック要素として相対位置指定(relative)します。

◎質問者からの返答

詳しいご説明ありがとうございます。

Firefox等でも見れる方法はないのでしょうかね。

もう1件だけ待ちます。


4 ● hanakorori
●13ポイント

http://www.geocities.jp/hanakorori2003/hatena/q001.html

test

こんな感じのことですか?違ったらすいません。

透過GIF使ってます。色によると思いますが・・

http://www.geocities.jp/hanakorori2003/hatena/cell.gif

http://www.geocities.jp/hanakorori2003/hatena/cell2.gif

http://www.geocities.jp/hanakorori2003/hatena/cell3.gif

◎質問者からの返答

ありがとうございます。でも透けてませんね。


5 ● GEN111
●13ポイント

<TD background=”01.gif”>...</TD>

ではダメでしょうか?

IE6、FireFox、Opera で透過しているのを確認したのですが……

それとも質問の意味を取り違えてるのかな……

◎質問者からの返答

透明にしたいという言い方が悪かったですかね。

少し色がついて完全に透過できればいいのですが・・


1-5件表示/13件
4.前の5件|次5件6.


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ