嗨,我正在编辑一个与 Internet Explorer 兼容的网站,因此它在 Firefox 中不起作用。
有没有办法添加 Firefox 或 Mozilla 样式表?
谢谢你帮助朱迪
<!--[if FIREFOX]>
<link rel="stylesheet" type="text/css" href="/AEBP_Homepage_12887/css/firefox.css" />
<![endif]-->
嗨,我正在编辑一个与 Internet Explorer 兼容的网站,因此它在 Firefox 中不起作用。
有没有办法添加 Firefox 或 Mozilla 样式表?
谢谢你帮助朱迪
<!--[if FIREFOX]>
<link rel="stylesheet" type="text/css" href="/AEBP_Homepage_12887/css/firefox.css" />
<![endif]-->
你不能做任何像 Paul Irish IE 解决方案那样优雅的事情,但你可以使用以下方法创建一组 FF 特定的定义:
@-moz-document url-prefix() { CSS BLOCK }
在任何人开始跳上跳下尖叫“这永远不会发生,除非你做错了什么”之前——当我们谈论 Firefox、Chrome 和 IE 字体渲染时,它完全发生在一个严格约束的网格上,从左到右有很多文字对齐。
你也可以试试 CSS 浏览器选择器:
http://rafael.adm.br/css_browser_selector/
这个简单的 JS 文件允许您将 .gecko 和 .ff3 之类的内容附加到 CSS 中。
* 附加 - 2014 *
我想实际附加这个,因为两年后,标准解决方案是通过modernizr.js而不是浏览器检测来执行特征检测。“火狐”是一个非常生硬的工具,所有版本都在网上流传。这个答案仍然有效,除非您非常特别需要浏览器、所有版本,否则它不是推荐的解决方案。
使用 php 执行此操作的一种方法是查看用户代理并查看它是什么浏览器。这就是我使用的:
前任:
if (preg_match('/Firefox|Chrome|Opera|Safari|MSIE 8.0/', $_SERVER['HTTP_USER_AGENT'])) {
link rel="stylesheet" href="one.css" type="text/css" media="screen"
}
else {
link rel="stylesheet" href="other.css" type="text/css" media="screen"
}
同样在preg_match
函数中,您应该输入您想要的代理。请记住,如果您不了解 php,那么我编写的示例需要编辑和更正格式。
不,条件注释完全是 Internet Explorer 的事情 AFAIK。
但是,您可以创建 IE不会解析的条件注释,因此仅适用于非 IE 浏览器:
<![if !IE]>
<link rel="stylesheet" type="text/css" href="/AEBP_Homepage_12887/css/firefox.css" />
<![endif]>
然而,这不是有效的 HTML。似乎有一些变通方法可以使其有效。查看Wikipedia 文章中的“Downlevel-Revealed 条件评论”段落。
不可以。<!--[if IE]><![endif]-->
语法是特定于 Internet Explorer 的。它是对 CSS 的非标准 Microsoft 扩展。
有关详细信息,请参阅条件注释。