2

IE8 では、div が wi​​ndow よりも高い場合、-ms-filter の背景が消えます。IE7以下では正常に動作します。(1px の透明な画像を使用できますが、透明な色と背景の画像を使用する必要がある場合はどうなりますか)

サンプルコードとフィドル:

<!DOCTYPE html>
<html lang="sk">
<head>
    <meta charset="utf-8">
    <style>
        html,body{height:100%;margin:0;padding:0;}
        #one{
            float:left;
            height:100%;
            width:50%;
            background:rgba(0,0,0,0.5);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC917C6F,endColorstr=#CC917C6F)";
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC917C6F,endColorstr=#CC917C6F);
        }
        #two{
            float:right;
            height:101%;
            width:50%;
            background:rgba(255,0,0,0.5);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCAAAA6F,endColorstr=#CCAAAA6F)";
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCAAAA6F,endColorstr=#CCAAAA6F);
        }
    </style>
</head>
<body>
    <div id="one"></div>
    <div id="two"></div>
</body>
</html>

http://jsfiddle.net/9dmqg/4/ ありがとうございます。

4

1 に答える 1

0

これは、p タグの高さが固定されているためです。その固定高さをとしてmin-height追加しますheight:auto

#one p {
     height:auto; min-height:800px;
}
#two p {
    height:auto; min-height:800px;
}

デモ

于 2013-03-05T10:04:46.777 に答える