gpt4 book ai didi

css - IE7 失去了我的 h3

转载 作者:行者123 更新时间:2023-11-28 18:16:22 25 4
gpt4 key购买 nike

我的页面在 safari、chrome、ff 中看起来很棒,在 IE8 中正常降级,但我的客户也需要 IE7。

唯一不工作的是我的 H3。奇怪的是,我的 H2 工作正常。这不是失去风格的问题,这似乎是一个更常见的问题; H3 根本就没有出现!我对此进行了深入研究,并尝试了很多我见过的针对缺失样式的建议(包括缩放:1),但我无法解决此问题。我最好的猜测是它与嵌套的 div 有关...

我也尝试过各种文档类型,但无济于事......包括:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html>

这是我的 fiddle (带有更完整的代码),以及下面的一部分:http://jsfiddle.net/cathi/2Kkh2/18/ (当然它在这里似乎工作正常 - 无法在此处使用 IE7 的机器上调出 jsfiddle。嗯...)

h2 {
color:#007cc0;
font-size:1.4em;
line-height:1.9em;
font-family:'Tahoma',Helvetica,Arial,sans-serif;
margin-top:0;
margin-bottom:10px;
padding-top:0;
padding-left: 35px;
padding-right: 8px;
padding-bottom:0;
font-weight:normal;
}

h3 {
color:#ea752e;
font-size:1.4em;
line-height:1.9em;
font-family:'Tahoma',Helvetica,Arial,sans-serif;
margin-top:0;
margin-bottom:0px;
padding-top:0;
padding-left: 35px;
padding-right: 8px;
padding-bottom:0;
font-weight:normal;
}

和 html(复制一些,但不是所有的 div)

<div class="content-intro">
<h2>Here is my H2 that shows up fine in IE7</h2>
<p>A paragraph of intro copy here</p>
</div>
<div class="content-checklists">

这是我在IE7中没有显示的H3

最佳答案

您看到这种奇怪行为的原因是 IE7 偶尔(或者我应该经常说?)在涉及 float 时处理值的错误方式。最终,你的 <h3>被推到图标图像下方,因为有一个 overflow:hidden在父级上,该元素不会显示(除非您以某种方式在其父级中向下滚动)。

在您对 .content-checklists-title 的定义中,尝试删除您的 width:97% .

这仍然会在其他浏览器中产生所需的行为(由于文本围绕 float 元素流动的方式),但也会避免 IE7 的有趣怪癖。

希望这就是您要找的!如果没有,请告诉我,我很乐意尝试进一步提供帮助!

关于css - IE7 失去了我的 h3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17838501/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com