0

https://com-bb-dev.com.eduでログイン ページとして使用する .jsp ファイルがあります。そのファイルには、いくつかのリンク/ボタンとライブ チャット ボタンを配置する数行が含まれています。

<h2><center>Accessibility Options</center></h2>
<ul>
<access class="access">
    <img src="/images/ci/ng/fonts.gif" alt="" /> 
    <a href="#" title="Change Text Size" 
          onClick="page.showChangeTextSizeHelp()">Change Text Size</a>
  </access>
  <access class="access">
    <img src="/images/ci/ng/contrast.gif" alt="" /> 
    <a href="#" title="High Contrast Setting" onclick="page.showAccessibilityOptions(); return false;">High Contrast Setting</a>
  </li>
  </access>
</ul>
<div id="parature">
<parature>
<a id="b2b8839e-6318-4c34-9863-9071b06192f3" href="javascript:void(0);"  onclick="return launchChatWindow('http://com.parature.com/ics/support/default.asp?deptID=15028&task=chat&deploymentId=b2b8839e-6318-4c34-9863-9071b06192f3');"></a>
<script src="http://com.parature.com/ics/csrchat/inc/chatDeployment.js" type="text/javascript"></script>
<script type="text/javascript"> 
window.onload = createDplOnLoadDelegate('b2b8839e-6318-4c34-9863-9071b06192f3', 'com.parature.com', 15026, 15028, window.onload, true);
</script>
</parature>
</div>

その同じファイル内で、いくつかの個別のスタイルを宣言したので、同じ .xml 内の他のものに影響を与えずにそれらを変更できます。ここに私が宣言したものがあります:

parature 
{
float: right;
margin-right: 18px;
position: relative;
bottom: 30px;
width: 138px;
}

access 
{
display: inline-block;
margin: 0px -4px 6px;
font-size: 125%;
padding-left: 24px;
}

もちろん、これは正常に機能し、ボタンとリンクは Firefox と Chrome で適切に表示されます。そして恐ろしいことに、IE8 では動作しません。ボタンがすぐ下の項目として扱われ、アクセシビリティ オプションの下にある 2 つのリンクが CSS フォーマットを使用しないことがわかります。.jsp ページでローカルに宣言したスタイルを使用しているためですか? 私はすでに戻って、古代の化石が透明性をサポートしていないことを発見しなければならなかったので、それを発見して修正するのは楽しかった. これは私がこれまでに試したことです:

parature 
{
float:right;
width: 138px;
}

divに幅がない場合、フロートは機能しないと読んだためです。何を探すべきかわからない。IE8 開発者ペインは完全な悪夢です。

ありがとう。

4

2 に答える 2

0

li の開始タグはありません。それが問題かもしれません。そうでない場合は、パラチュア クラスでインライン ブロックを使用して、ブロックがページにレンダリングされるかどうかを確認してみてください。

于 2013-07-24T23:12:46.480 に答える