【问题标题】:IE7 Partialview with fieldset is causing underlines带有字段集的 IE7 Partialview 导致下划线
【发布时间】:2012-02-22 15:08:42
【问题描述】:

你好来自stackoverflow的人 我发现了更多的IE7问题(在IE9的兼容模式下测试)。我正在尝试通过使用 JQuery 将 partialView 动态加载到我的页面中,如下所示:

$('#PartialContainer').load('@Url.Action("LoadPartial", "Controller", new { Id = Model.Id })');

现在我遇到的问题是 Partial 在页面内有一个 fieldset 标签,在图例下方有几行文本。问题是文本带有下划线,带有字段集的线条(边框),但由于某种原因,下划线不会出现在图例下方。部分看起来像这样:

<fieldset>
<legend>Partial</legend>

<div class="explanation">
    The underlined text is here!
</div>
</fieldset>

以前有没有其他人遇到过这个问题,您的解决方案是什么?

PS:这不会发生在 crome、firefox 或 IE9 中。

PS2:它位于 ASP.NET 4.0 MVC 3.0 项目中。

编辑:

这是问题的图片:http://i1073.photobucket.com/albums/w382/kroeze1992/IE7UnderlinedBug.png

【问题讨论】:

  • 问题截图有机会吗?不太确定到底是什么问题。我还假设有一个关闭字段集标签?
  • @HenryGarle 我按您的要求添加了一张图片。希望这会有所帮助。
  • 将填充/边距附加到字段集中的 div 是否有帮助?或者将填充/边距添加到字段集/图例本身?我很久以前就看到过这个问题。您是否可以将要应用于它们的样式添加到您的帖子中,以便我可以查看是否可以复制它?很抱歉要求提供额外信息,但这将有助于尝试解决问题。 (或一个活生生的例子的链接)
  • 我使用jsbin.com/abidom/2/edit#javascript,html,live 作为我的示例,请随时使用您的 css 对其进行编辑,然后让我知道更新后的链接是否更容易。
  • 我一直在尝试开发者工具,看来问题是由font-family引起的:“Helvetica Neue”、“Lucida Grande”、“Segoe UI”、Arial、Helvetica、Verdana、无衬线字体和字体大小:中等。如果我删除字体大小,它会完全修复线条,但使用字体系列它会修复除第一行之外的每一行。

标签: jquery internet-explorer-9 fieldset underline asp.net-mvc-partialview


【解决方案1】:

问题是由字体样式引起的:斜体。我删除了字体样式,不再有下划线:)。

【讨论】:

    猜你喜欢
    • 2020-12-11
    • 2016-05-05
    • 2011-06-15
    • 2012-05-09
    • 2012-07-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多