1

CSSファイルでのレンダリング属性を設定しようとしているaf:panelListので、デバイスの解像度に従って表示できませんが、CSSで定義すると次のようになります。

#pl2 {
    rendered:false;
}

不明なプロパティが「レンダリング」され、解像度が小さい場合、Chromeはそれを非表示にしません。

.jspxファイルのコンポーネント定義は次のとおりです。

<af:panelList  id="pl2" rows="3" maxColumns="5" >

これを修正するにはどうすればよいですか？回避策はありますか？

4

2 に答える 2

1

IDがpt1：panelobileのdivをレンダリングしてから、IDのないテーブルをレンダリングします。この行をcss＃pt1：panelmobile {display：none;に追加しました。}しかし、私は今のところ運がありません

IE6 / 7のような非推奨のブラウザーを無視する場合は、代わりにこのセレクターを使用する必要があります。

#pt1\:panelmobile {
    display: none;
}

:つまり、これはCSSセレクターの特殊文字であり、疑似セレクターを示します。したがって、そのまま使用する場合はエスケープする必要があります\。

ただし、特に特定のケースでは、JSFコンポーネントに、より汎用的で再利用可能なスタイルクラスを割り当てる方がはるかに優れています。

<af:panelList ... styleClass="hidden">

と

.hidden {
    display: none;
}

参照：

于 2012-12-13T21:39:03.707 に答える
0

要素を非表示にしようとしている場合は、次を試してください。

#pl2
{
    display: none;
}
于 2012-12-13T20:30:40.900 に答える