css - 如何检查浏览器类型和版本然后获取正确的 css?

标签 css cross-browser

我希望能够根据用户的浏览器类型和版本提供适当的 css 文件。在 FF 和 Chrome 中,我完全没有问题。但是当谈到 IE7-9 时,事情开始变得非常奇怪和 splinter 。我已经编写了一些 IE 特定的 css 页面,但不确定在用户使用 IE 时如何提供这些 css 页面。

有js可以做到吗?甚至后端使用 java?

最佳答案

只需为 IE 浏览器使用不同的 CSS 文件,如下所示。

<!--[if IE 7.0]><link href="css/ie7.css" type="text/css" media="screen" rel="stylesheet" /><![endif]-->
<!--[if IE 8.0]><link href="css/ie8.css" type="text/css" media="screen" rel="stylesheet" /><![endif]-->
<!--[if IE 9.0]><link href="css/ie8.css" type="text/css" media="screen" rel="stylesheet" /><![endif]-->

关于css - 如何检查浏览器类型和版本然后获取正确的 css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15100245/

相关文章:

html - 为什么此页面在 IE、Firefox 和 Chrome 之间看起来不同

html - 如何仅使用 CSS 设置 <select> 下拉菜单的样式?

html - HTML anchor 标记是否应遵守禁用属性?

html - 文本与显示 :table 的容器边框重叠

html - 将列定位在行的底部

JQuery Mobile 1.4.0 - 托管文件... CSS 不工作

html - 带有底边三 Angular 形的标签

html - 淡出、暂停,然后淡入元素 - 仅限 CSS

html - 在电子邮件中设置 html 样式

jquery - 如何切换垂直 jQuery.mmenu 子菜单?