-1

基本的にこのようなdivを持つビューがあります

<div style="width:100%;height:295px;overflow:auto;margin:0 auto">
    <table>
        <thead>
            <tr>
                <th>A normal column</th>
                <th>@Html.ActionLink("An action link", "Details", new { id = ViewBag.SiteId }, null)</th>
                <th>Another normal column</th>
            </tr>
        </thead>
        <tbody>
        @{
            for (var i = 0; i < Model.Count; ++i)
            {
                    <tr>
                        <td>@Html.DisplayFor(modelItem => Model[i].Edit)</td>
                        <td>@Html.DisplayFor(modelItem => Model[i].EditCategory)</td>
                        <td>@Html.DisplayFor(modelItem => Model[i].EditSeverity)</td>
                    </tr>
            }
        }
        </tbody>
    </table>
</div>

モデルには十分な行があり、テーブルが div よりも高くなるため、div にスクロールバーが表示されます。ただし、そのスクロールバーを使用すると、ActionLink のテキストがスクロールしません! 代わりに、同じ場所にとどまるため、その下の行のデータが重複し、マウスがその上または別のリンクの上に置かれると、本来あるべき場所に戻ってそこに表示されます。 div。これは Internet Explorer でのみ発生します (IE 7 しかインストールされていないため、他のフレーバーでどのように機能するかはわかりません)。ActionLink は、Chrome と Firefox で適切にスクロールします。

これをIEでも適切に機能させるためにできることはありますか?

4

1 に答える 1

0

position:relative次の回答に従って div に適用してみてください:
IE7 CSS Scrolling Div Bug
ie7 - 相対的に配置された div がコンテナー内でスクロールしない

于 2013-09-26T13:45:15.270 に答える