文章/答案/技术大牛

发布

社区首页 >问答首页 >Internet Explorer负边距剪辑div

问Internet Explorer负边距剪辑div
EN

Stack Overflow用户

提问于 2011-12-22 05:42:14

回答 3查看 667关注 0票数 1

编辑:您可以在此处查看页面：http://websitem.gazi.edu.tr/test/index.html

我试着在下面的截图中做这个效果：

第一个来自Chrome。Firefox也展示了同样的效果。但Internet Explorer从版本7到版本9显示了第二张图片。

我的html结构如下：

<div class="header-menu">
    <div class="container">
        <div class="header-curve"></div>
        <div class="header-building"></div>
    </div>
</div>

我的css是这样的(不要为不太具体的语法而烦恼)

.header-menu {
    #gradient > .vertical(@baseColor, @baseColorDark);
    height: 82px;
    margin-top: 82px;

    .header-curve {
        background: @baseColor url(/ui/frontend/themes/default/ui/img/header-curve.png) center top no-repeat;
        height: 82px;
        margin-top: -82px;
        width: 1020px;
    }

    .header-building {
        background: url(/ui/frontend/themes/default/ui/img/header-building.png) 20px top no-repeat;
        height: 214px;
        margin-top: -82px;
        width: 1000px;
    }
}

如何使用IE解决此问题？我已经尝试了position: relative和zoom:1修复。

谢谢。

css

internet-explorer

margin

Stack Overflow用户

回答已采纳

发布于 2011-12-22 07:05:05

看起来你的.header-menu类的筛选器样式导致它在IE中隐藏，这是必要的吗？

票数 1

查看全部 3 条回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/8596770

复制

相似问题

问Internet Explorer负边距剪辑div
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Internet Explorer负边距剪辑divEN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Internet Explorer负边距剪辑div
EN