Question

当您在IE7中查看此网页时，我正在尝试修复一些问题。

（网页在iE8和iE9中看起来很棒）

我已将单个网页上传到测试网站：

http://www.jrdesign-website.co.uk/bar_menu/bar_menu.html

页面加载后，向下滚动查看。您将在右侧看到价格。小的重复句号应该与价格和食物描述一致。

非常感谢任何建议

Answer 1

所以你的代码有一个带有点的下划线作为重复背景，并且在其中有一个包装器div左边带有食物项名称并且嵌套在一个类.bar_font_bold_med中，即'float：right'。

获得解决方案的两种可能方式。 1 \为什么没有价格，而不是自己的价格。这将解决正确定位的目标。它还允许您在价格上使用或中间或顶部等，以独立调整其相对于食品的垂直位置。还使用CSS提供虚线下划线。例如，考虑在左手使用边框式。 border-bottom: 5px dotted #fff

你如何附上风格取决于你。也许相关s上的CSS类名是最好的方式，即

<td align="left" width="565" height="xxx" 
    bgcolor="#000000" background="images/yellow_dot.jpg"

......变成......

<td class="foodItemCol" height="xxx">

...你有CSS样式

.foodItemCol {
    border-bottom: 5px dotted #ffffff;
    width: 565px;
    background-color: #000000;
}

或者如果你按照我的建议再买另一个价格然后使用这个CSS选择器，这意味着你不必费心添加一个类名

#bar_menu_text table td {
    border-bottom: 5px dotted #ffffff;
    width: 565px;
    background-color: #000000;
}

#bar_menu_text table td + td {
    border-bottom: none;
    width: auto;
    background-color: #000000;
}

第二个样式选择器说明第二个或后续兄弟在第一个之后出现的位置，然后覆盖在上面的'#bar_menu_text table td'规则中应用的样式，即价格列没有虚线下划线。 PS你用过WYSIWYG编辑器生成这个页面的代码不是吗？我已经修改了我的答案，因为我猜你不习惯手工编写HTML / CSS。 PPS你根本不需要z-index：5或任何z-index ......只有在应用的元素是position：relative或position：absolute等时它们才有用。

IE7 Bug流量正确

1 个答案: