0

我这里有问题

问题区域是本网站右侧的两张图片max-height:50%;在 Firefox 中无法使用。

在 Chrome 或 Safari 中打开页面，它可以工作，但在 Firefox 中打开它，它不起作用。

我已尝试将 更改div id=rightcontent为% width，但仍然无法正常工作。

#total #content {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -108px; /* the bottom margin is the negative value of the footer's height 

*/
}
#total #content #leftcontent {
    position:relative;
    width:60%;
    padding-left:10%;
    float:left;
}
#total #content #rightcontent {
    position:relative;
    max-width:237px;
    float:right;
}
#total #content #rightcontent img {
    position:relative;
    max-height:50% !important;
    float:right;
    max-width:100% !important;
}

和 HTML：

<div id="content">
    <div id="leftcontent">
        <h1>Kola <strong>STEVENS</strong> nejen prodáváme,<br/>ale hlavně na nich jezdíme.</h1>
        <p><a href="" title="Chci jezdit na kole STEVENS" id="chci"></a></p>
    </div>   
    <div id="rightcontent">
        <div id="tst">
            <img src="img/right1.png" />
            <img src="img/right2.png" />
        </div>
    </div>
</div>
4

1 回答 1

0

我发现了一些类似的问题，我认为这是一种处理图像大小的 Firefox 方式。

您的代码没问题，但如果我正在编写代码，我会使用图像包装器来使其与浏览器交叉兼容。如果您在 chrome 中加载后调整页面大小，您会看到您的图像不再像以前那样。

我的解决方案（小提琴）：

<div id="rightcontent">
    <div id="tst">
        <div class="image-holder">
            <img src="img/right1.png" />
        </div>
        <div class="image-holder">
            <img src="img/right2.png" />
        </div>
    </div>
</div>
于 2013-08-14T11:48:18.153 回答