Question

我有this代码：

HTML

<a href="/link/" id="camereRichiedi">Go</a>

<div id="camereInformazioni">
    <div id="richiediInfo" class="richiedi_info">
        <div class="label">
            Name
        </div>
        <div class="field">
            <input type="text" name="field_name">
        </div>

        <div class="label">
            Surname
        </div>
        <div class="field">
          <input type="text" name="field_surname">
        </div>
    </div>
</div>

JQUERY

$('#camereRichiedi').click(function(e) {
    e.preventDefault();
    $('#richiediInfo').slideToggle('slow');
});

CSS

.richiedi_info
{
    position:relative;
    width:470px;
    display:none;
}

.richiedi_info .label
{
    width:80px;
    float:left;
    height:34px;
    font-style:italic;    
}

.richiedi_info .field
{
    width:360px;
    float:left;
    height:34px;
}

所以，如果我点击Go，在每个浏览器（Chrome，firefox，IE8 +，期待IE7）上，我会在输入字段（Name和Surname）附近看到“标签”。

在IE7上，如果我从font-style:italic; CSS类中删除.richiedi_info .label，我只能看到它们。

jQuery的错误？或者我在哪里错了？

Answer 1

IE7中有known bug影响斜体文字渲染。它似乎与您的问题不完全匹配，但我敢打赌它是相关的。

作为一般的经验法则，当IE *开始顽皮时，我要做的第一件事就是将zoom: 1;放在包含元素上;这迫使它“布局”并经常解决问题。这是some more info on "having layout" in IE。

如果字体样式是斜体，IE7在slideToggle上失败？

1 个答案: