3

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

我的网站是使用带有 primefaces 3.5 的 JSF2 构建的。

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

问题仅发生在索引（第一）页上。

<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 的屏幕截图（页面应该是什么）。 来自 Firefox 的截图

--当使用 IE 时，只显示图像。

4

2 回答 2

7

下面在 IE 9 中为我工作，我在我的 css 中有这个。

.ui-layout-container {
    overflow-x:visible !important; overflow-y:visible !important;
}
于 2015-04-02T09:21:32.783 回答
1

这是一个 CSS 问题。

修改css类ui-layout-container或者设置style属性，修改overflow属性为：

<p:layout style="max-height:500px !important; overflow-x:visible !important; overflow-y:visible !important;">

这在 IE8 中对我有用，在 IE9 中也应该有用。

于 2013-01-26T19:22:23.320 回答