2

div に「table border-collapse:collapse」を設定する CSS 定義があります。その div で、このプロパティを継承する Google Orgchart を表示し、グラフをレンダリングするときに表示上の問題を引き起こします。

動的に生成されるため、インライン プロパティを使用できないため、グラフのこのプロパティを削除/オーバーロードするにはどうすればよいですか。

編集: Google の js によって生成されたコードは次のとおりです。

<table class="google-visualization-orgchart-table" dir="ltr" cellpadding="0" cellspacing="0" align="center"`>

私は自分のファイルに追加しようとしました:

.google-visualization-orgchart-table {
border-collapse:separate;
}

しかし、効果はありません..

Chrome の検査機能を引き続き使用すると、次の css が原因であることがわかります。

#main-content table {
width: 100%;
border-collapse: collapse;
}

メインコンテンツが私のDIVです。Chrome でこの「border-collapse」プロパティを手動でオフにすると、正常に動作します。

ありがとう

4

1 に答える 1

1

同様の状況で私が行ったことは、Firebug for Firefox を使用して、問題の原因となっているアイテムの名前、ID、またはクラスを見つけ、スタイルシートにその要素の css を追加することです。

最新バージョンの Firefox に Firebug がインストールされていない場合は、https ://addons.mozilla.org/en-US/firefox/addon/firebug/us から入手してください。

例：

要素の id が googleTable であるとします

#googleTable{
 border-collapse:separate !important;
}

継承が行われないように、必ず !important を含めてください。

于 2012-09-13T03:56:47.887 に答える