首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >primefaces <p:layout>不适用于IE 9

primefaces <p:layout>不适用于IE 9
EN

Stack Overflow用户
提问于 2013-01-26 19:31:40
回答 2查看 3.8K关注 0票数 3

我在使用IE浏览http://gamma.j.layershift.co.uk时遇到问题

我的站点是使用PrimeFaces3.5的JSF2构建的。

**页面的其余部分可以在Firefox和chrome上看到。

问题仅发生在索引(第一页)上。

代码语言:javascript
运行
复制
<ui:composition template="/templates/template.xhtml"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://java.sun.com/jsf/facelets">
<ui:define name="content">
    <!-- p:galleria panelWidth="960" panelHeight="350"
        value="#{mbIndex.img}" var="image" styleClass="ui-corner-all">
        <p:graphicImage id="gal_image" value="resources/images/#{image}" />
    </p:galleria -->

    <p:imageSwitch effect="fade" speed="2900" styleClass="center"
        style="width:1000px;height:400px;">
        <ui:repeat value="#{mbIndex.img}" var="image">
            <p:graphicImage value="resources/images/#{image}"
                style="clip:rect(0px, 1000px, 400px, 0px);min-width:1000px; min-height:400px;" />
        </ui:repeat>
    </p:imageSwitch>

    <br />

    <p:layout style="max-height:500px !important;">
        <p:layoutUnit position="west" header="About GAMMA"
            style="max-width:300px !important; height:300px; !important">
            <h:outputLabel style="word-wrap: break-word;"
                value="The company started in 2012 focusing on the production of disinfectants. Our products are used in laboratories, clean rooms, and process areas in pharmaceutical, biotechnology, healthcare, academic and industrial facilities in addition to livestock animals, " />
            <p:commandLink value="More info..." action="#{mbIndex.toAbout}"></p:commandLink>

    </p:layoutUnit>

        <p:layoutUnit position="center" header="Latest news">

        </p:layoutUnit>
    </p:layout>
</ui:define>
</ui:composition>

有什么解释吗?

谢谢。

这个来自Firefox的屏幕截图(页面应该是什么样子)。

--使用IE时,只显示所示图像。

EN

回答 2

Stack Overflow用户

发布于 2015-04-02 17:21:33

下面的代码适用于我在IE9中的工作,我在我的css中有这个。

代码语言:javascript
运行
复制
.ui-layout-container {
    overflow-x:visible !important; overflow-y:visible !important;
}
票数 7
EN

Stack Overflow用户

发布于 2013-01-27 03:22:23

这是一个CSS问题。

修改css类ui-layout-container或设置style属性,并将overflow属性更改为:

代码语言:javascript
运行
复制
<p:layout style="max-height:500px !important; overflow-x:visible !important; overflow-y:visible !important;">

这在IE8中适用,在IE9中也应该适用。

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

https://stackoverflow.com/questions/14536495

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档