1

当我在 Firefox 中鼠标悬停时，我的图像闪烁。它们在 chrome 和 safari 上运行良好。

我想我已经将它缩小到包装图像的标签，但我不知道为什么它会导致这个问题。（左图周围没有标签，这很好，但右图有，而且还在闪烁。）

完整的 HTML： http: //mf.atlantadesigngroup.com/firefox.php

相关HTML：

<div id="portfolio">
  <div class="portfolio"> <img src="images/portfolio/bw/uploaded1.jpg" class="portfolioImg"></div>
  <div class="portfolio"> <a href="firefox.php"> <img src="images/portfolio/bw/uploaded4.jpg" class="portfolioImg"> </a> </div>
</div>

完整的 CSS： http: //mf.atlantadesigngroup.com/css/mignonFowler.css

相关CSS：

/*portfolio page*/
#portfolio{
    display: table;
    table-layout: fixed;
    width: 980px;
    padding: 10px;
}

.portfolio{
    display: table-cell;
    height:440px;
    border: #000000 solid 10px;
    overflow: hidden;
    position: relative;
}

.portfolioImg{
    height: 100%;
}

.portfolio div{
    height: 100px;
    width: 100%;
    position: relative;
    top: 100px;
    background-image: url('../images/captionBg.png');
    background-position: bottom;
    background-repeat: repeat-x;
}

.portfolio div p{
    display: block;
    width: 100%;
    padding-top: 70px;
    color: #c9b52e;
    text-align: center;
}
4

0 回答 0