こんにちわ。
ホームページのボタンで、スクリプト系の細かい文字の背景を透明にしてfireworksで書き出し、backgroundとしてcssでAlphaImageLoaderを指定してアップ。
他の部分の透過に関してはこれでうまくいくのですが、この文字の部分だけがIE6できれいに反映されません。
よくある、透明部分がブルーグレーになると言う状態ではなく、文字背景は透過されて表示はできるのですが、ギザギザで線も細すぎて読み取れない状態です。
(gifよりはまともですが・・・。)
他の画像の透過はきれいに出ているのでcssの指定は正しいと思うのですが、どう調べても分からず、どなたかお知恵をお貸しください!
fireworksでの保存方法ですが、png8,png24,png32と全て試してみましたがだめでした。
文字など細かいものに関しては諦めるしかないと言うことでしょうか?
javascriptを使用できない条件であるためAlphaImageLoaderを使用しているのですが…。
■css
.png-filter{
background:url(images/index/btn_skip.png) no-repeat;
width:110px;
height:38px;
}
*html .png-filter {
background: none;
filter:progid:DXImageTransform.Microsoft.
AlphaImageLoader(src='images/index/btn_skip.png',
sizingMethod='scale');
width:110px;
height:38px;
}
.png-filter a{
display:block;
text-indent:-9999px;
overflow:hidden;
width:110px;
height:38px;
}
No.3ベストアンサー
- 回答日時:
あってないです…。
8bit形式は一色しか透過出来ないし、AlphaImageLoaderがなくても透過されます。
ただ、背景が灰色で塗りつぶされるのは、取り敢えず画像自体が適切に保存出来た証ですね。
ソースの書き方が間違っていなければ、IEの設定に原因ありだと思います。
インターネットオプションから何かの設定をいじれば有効になったはず…。
アクティブスクリプト云々の項目だっけ…。
かなりお礼が遅くなり申し訳ありません。
あれから色々勉強して透過pngも操れるようになりました。
色々教えていただきありがとうございました。
No.2
- 回答日時:
いや、だからIE6の問題じゃなくて画像の問題…。
詳しく書かなかったのも悪いんだけど、8bit以下の形式ではアルファチャンネルが使用できないのです。
最初に背景を透明にして、アンチエイリアスを有効にした状態で文字を入力して24bit形式で保存すれば綺麗に透過出来ます。
たびたびありがとうございます。
photoshopで背景を透明にしてpng-24で保存したのですが背景はグレーのままでした。
png-8でカラー256色で保存したところきれいに表示できました。
これであっているのでしょうか・・・?
No.1
- 回答日時:
多分画像の問題ではないでしょうか。
PNGであれば何でも綺麗に透過出来るというわけじゃないですよ。
★輪郭がくっきりとしているものは確実にアウト
★画像を新規に作成するときに、背景を透明にしておかないとダメ
★背景を透明にせず、保存時に背景の透過処理を行っても限界がある
ありがとうございます。
>PNGであれば何でも綺麗に透過出来るというわけじゃないですよ。
そうなんですね。
それがわかっただけでとてもすっきりしました。
IE6って厄介ですね。
スクリプトを使ってもだめなんでしょうか…。
とりあえず
*htmlでIE6のみにgifを配置することにしました。
ご回答ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- PHP 共通の処理をまとめる方法がわからないのでアドバイスお願いします。 1 2022/12/19 20:20
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
アイコンの背景を透過させたい
-
PNG画像を印刷すると背景がきち...
-
ロゴマークだけを抜き取って貼...
-
ゆっくりムービーメーカー4で、...
-
Windows用のテキストエディタで...
-
gimpで文字の細工をしたい
-
Gifのまわりに白い線ができる
-
GIFアニメを保存すると、白いふ...
-
AviUtlで指定した場所を透過したい
-
Adobe インデザインに詳しい方...
-
photoshopのバッチ処理で背景透...
-
背景を透過加工したPNG画像を色...
-
透過背景画像のビットマップ形...
-
画質を落とさず切り取って透過...
-
BMPファイルを透過する
-
半透明なGIFの作成方法
-
pdfは透過したものですか?
-
ピクトベアでの背景透過
-
PowerPointに透過画像を貼り付...
-
PDFの保存ボタンが表示されません
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ロゴマークだけを抜き取って貼...
-
アイコンの背景を透過させたい
-
イラストレータに配置すると透...
-
透過背景画像のビットマップ形...
-
Adobe インデザインに詳しい方...
-
PNG画像を印刷すると背景がきち...
-
【至急】 ウェブサイトやアプリ...
-
gimpで文字の細工をしたい
-
Gifのまわりに白い線ができる
-
背景を透過加工したPNG画像を色...
-
GIFアニメを保存すると、白いふ...
-
pdfは透過したものですか?
-
画質を落とさず切り取って透過...
-
ゆっくりムービーメーカー4で、...
-
GIMP2で背景透過の色判定を設定...
-
画像を透過してEXCELに貼り付け...
-
BMPファイルを透過する
-
GIFで高画質保存できないの?
-
FireAlpacaの透過、PNG保存の状...
-
visio で画像を作成してpng形式...
おすすめ情報