WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:透過でフォントが変になります(IE)

0:[投稿] Why-html [2007/08/29 13:05 ] [環境:IE6.02900.2180 わからない]

初めて、質問させていただきます。
以下のような記述で、IE6.02900.2180において、下の"abc"のフォントが滲んだ(?)ようになります。
haslayoutをtrueにするために、zoom:1を設定しています。
どこか記述に問題があるのでしょうか?
ご教授いただけると幸いです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<script type="text/javascript">
<!--
function onPageInit() {
    displayGrayout( "check", true );
}

function displayGrayout( idName, grayFlag )
{
    if( window.createPopup ){
        document.getElementById( idName ).style.filter = "alpha(opacity=0)";
        document.getElementById( idName ).filters.alpha.Opacity = 100;
    }
    
    if( grayFlag == true ){
        if( window.createPopup ){
            document.getElementById( idName ).filters.alpha.Opacity = 25;
        }
    }

}
//-->
</script>
</head>
<body onLoad="onPageInit();">
<body>
    <span>abc</span>
    <br>
    <span id="check" style="zoom:1">abc</span>
</body>


1:[回答] 元帥 [2007/09/05 16:32 ]

先ずは文法チェックして下さい。
HTML文法チェック:
http://openlab.ring.gr.jp/k16/htmllint/htmllinte.html

それとfilterはIE専用なわけですが、背景色と文字色の設定次第では、filterが適用されない他のブラウザでは文字が見難くなる場合がありますので、注意して下さい。

span要素のstyle属性に埋め込むのではなくて、style要素に記述しては?
zommもまたIE専用なわけですが、特定の条件を満たした場合、要素と画像として認識し、アンチエイリアス付で拡大/縮小するのかもしれません。
<style type="text/css">
span{
zoom:1;
}
</style>

ハック的な技はブラウザVerUP等の環境変化によって、使えなくなったり、新たに考える必要が生じますので、W3Cのルールに沿う方が何かと無難だとは思いますが。

回答(必須): 状態:

お名前(必須):

URL:




[戻る]