0

Razor，MVC3 代码优先，JQuery Accordion 1.8.22，jQuery 1.7.2。

当我在 Razor 视图中将图像添加到我的 jQuery 手风琴 h3 标题时，图像周围有额外的填充。我从 jQuery 站点创建了手风琴代码，当我将它作为 html 页面运行时，img 完全适合标题，没有额外的填充，当手风琴折叠时，标题之间有一个像素。当我使用相同的 jQuery、样式表和图像获取完全相同的代码并将它们放在剃刀视图中时，图像会在标题中浮动，从而在其周围产生大量不需要的空间。我已经在 IE9 和最新的 Chrome 以及不同的图像中尝试过这个，但问题仍然存在。

任何人都可以复制这个问题吗？有没有人成功地将图像添加到 Razor 中的手风琴 h3 标题并让图像填充标题而没有任何额外的填充？

<script type="text/javascript">
  $(function () { $("#accordion").accordion({  });   }); </script>

<div id="accordion">

<h3 style="height: 42px"><a href="#">
  <img src="@Url.Content"~/Content/themes/base/images/part1.jpg")"
                                alt="Part 1" style="border-style: none"/></a></h3>

感谢您的任何帮助。

4

1 回答 1

0

我想到了。它与 Razor 视图无关。由 jQuery 站点生成的自定义 css 文件具有手风琴标题的填充设置。一旦我从项目中删除了那个css，问题就解决了。

于 2012-07-28T14:28:15.260 回答