0

我正在尝试将HTML5 样板系统 (http://html5boilerplate.com/)用于客户的网站，但是当在某些浏览器和某些设备上查看该网站时，我遇到了内置 .ir 类的问题。即基于我的反馈和测试的IE7和一些（或全部）黑莓。在这些情况下，设计的主要导航和其他元素没有出现/不可导航。客户是一家迎合大型商业区的餐厅，因此不幸的是，他们的大量潜在客户和客户仍在使用 IE7 的公司系统上，无法按原样使用该网站。

以下是相关页面的链接：
www.vb3restaurant.com

vb3restaurant.com/index-pizza.html

这是我认为是问题的 .ir 类（尽管它可能是其他问题）：

.ir { 显示：块；边框：0；文本缩进：-999em；溢出：隐藏；背景颜色：透明；背景重复：不重复；文本对齐：左；方向：ltr；*行高：0；}

如果有人能指出我正确的方向是什么是“破坏”或更好的/跨浏览器/IE友好的方式来完成这个设计，我将不胜感激，通过图像替换或其他一些技术。

我无论如何都不是专业的程序员，但我已经建立了一些网站并使用了一些不同的框架、CMS 等。我试图在这个网站和其他地方寻找答案，所以如果我提前道歉我错过了一个回答这个问题的明显线索，或者我是否在错误的地方或错误地问过它。
当然 - 提前感谢您的时间和帮助！

最佳，AB

4

2 回答 2

1

该ir课程正在隐藏内容text-indent:-999em（改进：http ://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ ）。

但是替换这些项目的图像具有nth-childIE7 或 IE8 无法识别的新选择器：http: //kimblim.dk/css-tests/selectors/。nth-child不幸的是，这些浏览器中的渲染引擎早于选择器。

您可以编写一个 jQuery 填充程序来修补您的选择器：http: //verboselogging.com/2010/01/17/making-nth-child-work-everywhere。或者为所有浏览器重写你的选择器，给菜单项 id 或类名。

糟透了吧？好吧，有些人认为是图像替换！（特别是对于低带宽的移动设备）所以......你也可能忘记使用 IE7/8 的图像置换，使用 IE 特定的样式表来设置纯文本的样式。

于 2012-06-29T20:29:17.427 回答
0

我怀疑这是这个规则：

#mainNav ul li:nth-child(1) a {
显示：块；
背景图像：url（../images/home-nav-test.png）；
背景重复：不重复；
背景位置：40px -35px；
}

改为在每个导航项上使用类。

于 2012-06-29T20:32:26.303 回答