IE6等でも透過pngを表示させるためのjavascriptを用いたんですが、困ってしまいました。


ユンサンの/융상의/YungSang's: 透過PNGとIEとIE7まとめ
http://blog.l-xs.com/yungsang/2007/02/png_ie_ie7.html

こちらのページで紹介されていた、IE6等でも透過pngを表示させるためのjavascriptを自分のblogのトップページに適用してみました。
HTMLに直にimg要素で書き込んだpng画像については、問題なく透過が実現されたのですが、スタイルシートで背景画像としてpng画像を表示させようとした際には、透過はされたのですがその画像がボックス一杯に拡がって表示されてしまいました。

解決方法、回避方法等ありましたら教えてください。

該当箇所はページ上部のヘッダー部分で、html>body>#top1>#top1-innerになります。#top1-innerにbackground-image プロパティで背景画像を設定しています。ジグソーパズルの赤いピースを背景画像に設定して表示させようとしています。red_piece02.pngという画像です。本来の画像のサイズは353x282(px)です。

当該ページ
http://teto.chicappa.jp/blog/

参考にしたページ
Internet Explorer x 透過PNG x CSS - SCREAMO
http://www.screamo.jp/2007/09/000019.php

回答の条件
  • 1人2回まで
  • 登録:2007/12/09 23:10:35
  • 終了:2007/12/16 23:15:04

回答(0件)

回答はまだありません

  • id:melondog
    質問者です。質問者にはJavaScriptについての知識は殆どありません。よろしくお願いします。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません