我想的话能通过js判断浏览器的内核。然后判断,不同的内核,创建不同的link,引入不同的css文件。
专注于为中小企业提供成都网站设计、成都网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业自贡免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上1000+企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
你写两个CSS分别是css和css,原本是使用css一点按钮就应用了css,你自己写一下判断浏览器类型的函数,然后执行。
可以,但如果用户端不支持js的话就显示没有css的界面了,想想看。建议在每个页面中使用放在标签里。通常的做法都是这样的。
1、如果是更换样式的话 只能JS,其他asp php jsp等都不是应用到客户端的。而如果是css里面,比如IE执行.a{},ie6执行.b{} 那就可以加css的代码识别 如 html .a { } +html .b{ } !important _等等来区别。
2、通常因为ie的特殊性。我们用一套css来作为默认的,对付ie以外的浏览器。用下面代码来判读ie版本,而加载不同的css。
3、--[if gt IE 6] IE6以上版本可识别![endif]--!--[if IE] 所有的IE可识别![endif]--以上这些代码写法都是针对ie各版本浏览器的,在其他浏览器中这些代码都会被解释为Html注释而直接无视掉。
4、尽量采用标准的CSS样式,避免浏览器产生差异,而且对于现代浏览器来讲一般很少产生这种兼容性问题,如果实际情况需要区分,也尽量用以设置那些低版本浏览器(IE6/7/8)。
CSS属性前缀法(即类内部Hack):例如IE6能识别下划线_和星号*IE7能识别星号*,但是不能识别下划线_。
需要设置兼容的非常多,无法一一例举,假设要设置背景图片,这个宽度是比较重要的。
margin:0 -50%\0;这代码要加在你原有代码的后面不要覆盖,后面的\0不要删掉,这是CSS HACK技术,专门针对IE9 小问题就是当显示范围小于图片的50%的时候,这时候图片的缩放会跟margin:0 -100%有所不同。