このような問題を扱った記事が 1000 件あることは知っていますが、それらは私の問題を解決していないようです。私はこの会社に来るかなり前に作成されたサイトに取り組んでおり、基本的にサイトに「ウィジェット」を追加するためのプレースホルダーがあります。ユーザーが「ウィジェットの追加」をクリックすると、それらのスクロール リストが表示されます。IE5 (Quirks Mode) では、何とかウィジェットで完全に動作しますが、それ以降は動作しません。「AddWidgetContainer」div は問題なく表示されますが、内部の div 要素は表示されません。これがコードです。画像はユーザーごとに異なるため、インラインですべてを実行しているため、外部 css はありません。私はテストしましたが、画像は利用可能で、サーバーを介してすべてが表示されますが、表示されません。
<div style="margin-left:10px; height:78px; min-height:78px;" id="AddWidgetContainer">
<div id="addaccstats" class="WidgetPanel" style="width:190; height:78; display:none; float:left; background:url(/applications/images/widgets/add/account-statistics.png); background-repeat:no-repeat;">
<a class="AddWidgetAddButton" href="#" onClick="addWidget('accstats')"></a>
</div>
<div id="addacct_wiz" class="WidgetPanel" style="width:190; height:78; display:none; float:left; background:url(/applications/images/widgets/add/account_wizard.png); background-repeat:no-repeat;">
<a class="AddWidgetAddButton" href="#" onClick="addWidget('acct_wiz')"></a>
</div>
<div id="addalerts" class="WidgetPanel" style="width:190; height:78; display:none; float:left; background:url(/applications/images/widgets/add/Alerts.png); background-repeat:no-repeat;">
<a class="AddWidgetAddButton" href="#" onClick="addWidget('alerts')"></a>
</div>
<div id="addassets" class="WidgetPanel viewable" style="width:190; height:78; display:inline; float:left; background:url(/applications/images/widgets/add/assets_under_mgmt.png); background-repeat:no-repeat;">
<a class="AddWidgetAddButton " href="#" onClick="addWidget('assets')"></a>
</div>
<div id="addbiz_snap" class="WidgetPanel viewable" style="width:190; height:78; display:inline; float:left; background:url(/applications/images/widgets/add/biz_snapshot.png); background-repeat:no-repeat;">
<a class="AddWidgetAddButton" href="#" onclick="addWidget('biz_snap')"></a>
</div>
<div id="addcomm_snap" class="WidgetPanel viewable" style="width:190; height:78; display:inline; float:left; background:url(/applications/images/widgets/add/commissions_snapshot.png); background-repeat:no-repeat;">
<a class="AddWidgetAddButton" href="#" onclick="addWidget('comm_snap')"></a>
</div>
<div id="addevents" class="WidgetPanel viewable " style="width:190; height:78; display:inline; float:left; background:url(/applications/images/widgets/add/conferences_events.png); background-repeat:no-repeat;">
<a class="AddWidgetAddButton" href="#" onclick="addWidget('events')"></a>
</div>
<div id="addcalc" class="WidgetPanel viewable " style="width:190; height:78; display:inline; float:left; background:url(/applications/images/widgets/add/tools_calculators.png); background-repeat:no-repeat;">
<a class="AddWidgetAddButton " href="#" onClick="addWidget('calc')" ></a>
</div>
<div id="addcrm" class="WidgetPanel viewable " style="width:190; height:78; display:inline; float:left; background:url(/applications/images/widgets/add/crm.png); background-repeat:no-repeat;">
<a class="AddWidgetAddButton" href="#" onclick="addWidget('crm')"></a>
</div>
<div id="addcrmcal" class="WidgetPanel viewable " style="width:190; height:78; display:inline; float:left; background:url(/applications/images/widgets/add/calendar.png); background-repeat:no-repeat;">
<a class="AddWidgetAddButton" href="#" onclick="addWidget('crmcal')"></a>
</div>
<div id="adddocs" class="WidgetPanel" style="width:190; height:78; display:none; float:left; background:url(/applications/images/widgets/add/Documents.png); background-repeat:no-repeat;">
<a class="AddWidgetAddButton" href="#" onClick="addWidget('docs')"></a>
</div>
<div id="addecbr" class="WidgetPanel viewable" style=" width:190; height:78; display:inline; float:left; background:url(/applications/images/widgets/add/ecbr.png); background-repeat:no-repeat;">
<a class="AddWidgetAddButton" href="#" onClick="addWidget('ecbr')"></a>
</div>
<div id="addfollow" class="WidgetPanel" style="width:190; height:78; display:none; float:left; background:url(/applications/images/widgets/add/Follow_up_required.png); background-repeat:no-repeat;">
<a class="AddWidgetAddButton " href="#" onClick="addWidget('follow')"></a>
</div>
<div id="addforms" class="WidgetPanel viewable" style="width:190; height:78; display:inline; float:left; background:url(/applications/images/widgets/add/forms.png); background-repeat:no-repeat;">
<a class="AddWidgetAddButton" href="#" onClick="addWidget('forms')"></a>
</div>
<div id="addholidays" class="WidgetPanel viewable" style="width:190; height:78; display:inline; float:left; background:url(/applications/images/widgets/add/holidays_events.png); background-repeat:no-repeat;">
<a class="AddWidgetAddButton" href="#" onClick="addWidget('holidays')"></a>
</div>
<table border="0" class="AddWidgetButtonContainer" style="display:inline; float:left; line-height:30px; vertical-align:middle; margin:0; width:950px; height:30px; padding:0;">
<tr><td><a id="ctl00_ContentPlaceHolder1_lnkWidgetAddReset" class="AddWidgetButtonContainerButton" href="COMMunityLink.asp">Reset to default home page</a></td>
<td style="text-align:right; float:right; vertical-align:middle; margin:0px; width:200px; height:30px; " id="addWidgetCounter"></td>
<td id="paging_buttons" style="width:75px" ><a id="widget_prev" style="background: url('/applications/images/icons/btn_widget_prev.gif') no-repeat; padding:10 12 10 12; width=20px; height:20px; background-position:right" href="#" onClick="prevels();return false"></a>
 
<a id="widget_next" href="#" style="background: url('/applications/images/icons/btn_widget_next.gif') no-repeat; padding:10 12 10 12; width=20px; height:20px; background-position:right" onClick="nextels();return false"></a></td></tr>
</table>
</div>
表内のリンク要素でさえ、Quirks モードの後の背景画像では正しく表示されません。私もいくつかの写真を添付しました。Quirks モードと IE7 モード
どんな助けでも大歓迎です