0

画像ラッパー内に画像とオーバーレイがあります。ラッパーにカーソルを合わせると、オーバーレイの透明度が 0 から 0.8 になります。IE 以外のすべてのブラウザで動作します。不透明度に適切な IE フィルターを使用していると思います。コードを見てください：

HTML

<div class="img-wrap">
    <img class="profile" src="images/z.jpg">
    <a href="team-employee-z.html" class="img-overlay team"> </a>
</div>

CSS

.img-wrap {
    margin-right: 3px;
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 250px;
}

.img-overlay {
    text-decoration: none;
    display: none;
    height: 100%;
    background-color: #000;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity = 0);
    position: absolute;
    width: 100%;
    z-index: 100;
}

.img-overlay.team {
    top: 0;
}

.img-wrap:hover .img-overlay {
    display: block;
    opacity: 0.80;
    filter: alpha(opacity = 80);
    transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -webkit-transition: opacity 0.25s;
}
4

1 に答える 1

0

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

このフィルタは 7 ～ 8 歳で機能するはずです

于 2013-10-17T19:20:11.837 に答える