各位老铁们，大家好，今天由我来为大家分享谷歌浏览器css无效，以及谷歌浏览器css无效怎么解决的相关问题知识，希望对大家有所帮助。如果可以帮助到大家，还望关注收藏下本站，您的支持是我们最大的动力，谢谢大家了哈，下面我们开始吧！

本文目录

1. 为什么我的浏览器不能显示css样式
2. 为什么浏览器把我css3属性禁用了
3. 外部CSS样式表在火狐浏览器里不起作用
4. edge浏览器兼容代码的前缀是什么
5. 在dw里css样式有效果,但是在浏览器里没有效果怎么办
6. chrome 调试为什么有些css不能改

一、为什么我的浏览器不能显示css样式

1.为什么在不同的浏览器显示效果不一样？

因为不同浏览器对于css样式表的解析不一样，所以导致样式乃至层布局发生变化。例如，ff中设置padding属性时，div会相应增加height和width，而ie的解析是不会的，再例如ff对盒模型的解析和ie相差两个象素。

2.设计时要做到所有浏览器都兼容吗？

我的答案是即使能做到也没有必要去做，科技是在进步的，用户总是在推陈出新的使用这新版本的浏览器，根据“设计诉说”的站点统计小样本结果显示，6225个访问者中有72.1%使用IE6.0；12.7%使用IE7.0；7.9%在使用FF2.0，剩余的不同版本的浏览器占的百分比都不到1%所以我认为只要做到IE6 FF2.0以及新出的IE7.0兼容即可，顶多向下兼容一下IE5.5，完全没有必要为了那些个小数点费劲脑子。如果有必要可以另外设计css文件，然后通过js判断浏览器版本进行选择相应的文件。

这个是个好问题，当你弄明白这个，我想应该可以很自如的运用一些兼容样式表的技巧了。在正常的IE中，如果你在css中重复定义一个属性时，浏览器解析的是后面的属性，举个例子

重复定义盒模型的高度属性，越后面优先级越高，所以浏览器解析出的结果就是高度为300px。

最常用的一种方法了，也是屡试不爽的——“!important”，这个字段是用来提高优先级的，而IE6.0对于找个字段是无法识别的，于是FF与IE6.0就可以分开解析了。例如，在IE下显示red，FF下显示blue，只需要这么写

background-color:blue!important;

“!important”FF可以识别，blue那行提高优先级，因此在FF中blue优先级高于red，显示为蓝色

切记，上下两句的位置一定不能颠倒。问为什么的再好好看看上两个问题，再不明白就面壁去....

其实我认为做到IE6.0与FF2.0已经足够，5.5的兼容用“/**/” 5.0的兼容用“>”，具体我就不说了，说实在我也不大懂，大家可以去google一下

这个问题我也要问大家，大家有答案的告诉我，因为新版的IE7.0对于“!important”具有识别能力，可是对于盒以及padding等的解析却和 IE6.0差不多，于是乎，完全兼容了IE6.0和FF2.0的就似乎兼容不了IE7.0，捣腾了好久，还是不知道怎么办。请大家帮帮忙！

7.css对浏览器兼容应做到完全一致吗？

个人认为在满足可读性的原则和不影响整体布局的前提下，界面有些许的位置不同是可以允许的，要在不同浏览器下做到一模一样，那真是太费劲了。

恩，先这些吧，欢迎大家指正和补充～

二、为什么浏览器把我css3属性禁用了

1、-webkit-perspective:150;/*SafariandChrome*/

2、-webkit-transform:rotateX(45deg);/*SafariandChrome*/

3、<divid="div2">HELLO</div>

4、</html>

可以对比一下这个例子,看一下是什么原因造成的，感觉是css权重覆盖了你那个标签或者你可以写个标准的不加前缀的perspective试试，因为我chrome下显示perspective是报错的，可能在不是谷歌内核的里面-webkit-perspective是报错的，最好就是都写吧。

5、可以对比一下这个例子,看一下是什么原因造成的，感觉是css权重覆盖了你那个标签或者你可以写个标准的不加前缀的perspective试试，因为我chrome下显示perspective是报错的，可能在不是谷歌内核的里面-webkit-perspective是报错的，最好就是都写吧。

三、外部CSS样式表在火狐浏览器里不起作用

1、设置的样式被强替换，覆盖失效。要验证该问题可以在元素上右击，然后选择“查看元素”即可进入调试界面，在“样式”面板下会显示作用域的css属性及其值，未生效的样式代码也会以删除线标注出来；

2、浏览器设置问题，关闭了页面样式。开启路径：菜单->查看->页面样式，选择设置为“基本页面样式”即可。

四、edge浏览器兼容代码的前缀是什么

一、placeholder修改样式兼容性写法：

由于placeholder是h5新特性之一，目前还有兼容性问题，所以这样写以兼容各浏览器。

针对不同浏览器或不同版本的浏览器会有不同的写法，会添加相应的前缀。

1、WebKit, Blink, Edge浏览器等需要带上-webkit-前缀，且是双冒号，写的时候还要带上input

2、针对火狐浏览器则有两种写法，一种是针对低版本的，一种是针对高版本的，二者都需要带上-moz-前缀。要点1：火狐低版本的使用冒号（：），而高版本的使用双冒号（：：）；要点2：火狐浏览器不需要像webkit内核那样要带上input。

3、由于placeholder属性只在IE10+才支持，因此，针对IE10、IE11的写法是加上-ms-前缀，使用的是冒号（：），需要带上input

特别强调：冒号与双冒号的问题，还有是否需要加上input

作者：江峰★出处：

css兼容性写法大全_前端独秀的博客

css兼容性写法大全淘宝初始化代码 body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{margin:0;padding:0;}...

css兼容性写法,CSS hack写法_weixin_34112208的博客

一、CSS hack写法书写顺序为FireFox在最前,其次是IE8、IE7,最后是IE6。 color:red;//所有浏览器 color:blue\9;//所有IE+color:orange;//IE7 _color:green;//IE6 eg1.若浏览器为FireFox,那么color:red;若浏览器为IE8,...

各浏览器css兼容写法各浏览器css兼容写法

placeholder在不支持html5的低版本的浏览器中，placeholder属性是无效的，例如ie9及以下的ie浏览器不兼容这个属性。下面介绍placeholder兼容性的处理在页面添加如下脚本$(function(){//如果不支持placeholder，用jQuery来完成 if(!isSupportPlaceholder()){//遍历所有in

CSS浏览器前缀兼容写法_梦凝哲雪的博客_css兼容前缀

CSS浏览器前缀兼容写法 Vendor prefix—浏览器引擎前缀,是一些放在CSS属性前的小字符串,用来确保这种属性只在特定的浏览器渲染引擎下才能识别和生效。该图来自简书沈龙浏览器引擎前缀(Vendor Prefix)有哪些?

CSS各浏览器兼容写法(CSS HACK)_caspar笔记的博客

CSS Hack大致有3种表现形式,CSS类内部Hack、选择器Hack以及HTML头部引用(if IE)Hack,CSS Hack主要针对IE浏览器。类内部Hack:比如 IE6能识别下划线"_"和星号"*",IE7能识别星号"*",但不能识别下划线"_",而firefox两个都不...

html+placeholder+兼容问题,placeholder属性做兼容性处理

placeholder是html5新增的一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点(或输入内容)时，提示文字消失。但是在不支持html5的低版本的浏览器中，placeholder属性是无效的，例如ie9及以下的ie浏览器不兼容这个属性。下面介绍placeholder兼容性的处理效果：...

css3 1.box-shadow: filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*兼容ie*/-moz-box-shadow: 2px 2px 10px#909090;/*兼容firefox*/-webkit-box-shadow: 2p...

css兼容解决方案,css兼容性处理方案

css兼容性处理方案首先是对于兼容性的理解。不同浏览器之间的兼容+同一浏览器，不同版本之间的兼容。解决方案主要有以下四种：1浏览器CSS样式初始化对padding和margin，以及line-height等在全局初始化，统一不同浏览器之间的差异。举例：*{margin: 0;padding: 0;}html{line-height: 1.15;-webkit-text-size-adjust...

CSS兼容浏览器的写法主要是坑爹的IE浏览器，身为前端开发在写PC端项目的时候，需要在CSS样式上进行最基本最简单的样式适配的方法，这些也是必要掌握的。文章目录CSS兼容浏览器的写法前言一、兼容不同浏览器1、针对不同内核基本的浏览器的兼容写法二、CSS Hack总结前言本篇文章主要总结了简单的及常用的CSS样式的兼容写法。一、兼容不同浏览器 1、针对不同内核基本的浏览器的兼容写法-webkit-：safari、chrome-moz-：firefox-ms-：ie-o-

浏览器不能切html样式,css不同浏览器兼容性问题怎么解决？

浏览器的兼容性问题是Web前端开发人员经常会碰到的和必须要解决的问题。那么css不同浏览器兼容性问题怎么解决？下面本篇文章就来给大家介绍一下，希望对大家有所帮助。css不同浏览器兼容性问题的解决方案1.浏览器CSS样式初始化由于每个浏览器的css默认样式不尽相同，所以最简单有效的方式就是对其进行初始化，相信很多朋友都写过这样的代码，在所有CSS开始前，先把marin和padding都设为0，以防...

/*针对Chrome谷歌浏览器内核支持的CSS样式*/@media screen and(-webkit-min-device-pixel-ratio:0){样式/*例如.font1{color:red}/}针对Firefox浏览器的内核CSS写法：@-moz-document url-prefix(){样式/例如.font1{color:red}/}...

各浏览器兼容性css写法/*针对Chrome谷歌浏览器内核支持的CSS样式*/@media screen and(-webkit-min-device-pixel-ratio:0){样式/*例如.font1{color:red}*/}针对Firefox浏览器的内核CSS写法：@-moz-document url-prefix(){样式/*例如.f

最新发布浏览器兼容css_CSS样式浏览器前缀兼容性写法、生效写法

浏览器兼容css_CSS样式浏览器前缀兼容性写法、生效写法

CSS中的字体兼容写法：用CSS为英文和中文字体分别设置不同的字体

font-family的调用方法： font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei; font:bold 12px/0.75em Arial,'Times New Roman','Microsoft YaHei',SimHei;根据font-family的原则，假如客户终端不认识前面的字体，就自动切换到第...

ie浏览器样式兼容写法_常见的CSS样式兼容性写法

1.设置透明度在IE6中使用 filter: alpha(opacity= 40);在其他浏览器中使用 opacity: 0.4;2.设置行高/*\9表示兼容所有的IE浏览器*/line-height: 35px\9;3.清除浮动.clearfix:after{content:'';height: 0;clear: both;overflow: hidden;visibility: h...

css3(含ie9以下) 1.box-shadow： filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*兼容ie*/-moz-box-shadow: 2px 2px 10px#909090;/*兼容firefox*/-webkit-box-shado

placeholder就是用户名密码框未输入内容时,默认显示的灰色文字。如下图效果：<!DOCTYPE html><html><head><meta charset="utf-8"><title>placeholder效果演示(runoob.com)</title></head>&l...

淘宝初始化代码 body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;} body,button,input,sel...

热门推荐 css ie6,ie7,ie8兼容性写法,CSS hack写法

margin-bottom:40px;/*ff的属性*/ margin-bottom:140px\9;/* IE6/7/8的属性*/ color:red\0;/* IE8支持*/*margin-bottom:450px;/*IE6/7的属性*/+margin-bottom:450px; _color:#ff0000;

1. IE6、IE7、IE8兼容写法 _color:#ccc;/* _只ie6支持*/*color:#ccc;/**ie6/7支持*/*+color:#ccc;/**+ie7支持*/ color:#ccc\0;/*\0 IE8支持*/ color:#ccc\9;/*\9 IE

首先，我在把 ie浏览器更新到 11后，在 f12调试工具中发现一片空白，解决方法如下：安装补丁： 64位的系统应该使用下面这个补丁： 32位的系统应该使用下面这个补丁：...

css中属性兼容性写法,CSS3兼容属性和标准属性的书写顺序

一、不同书写顺序示例首先个人推荐的正确写法：//标准属性放在兼容属性之后-webkit-border-radius: 10px 30px;border-radius:10px 30px;容易产生问题的错误写法：//标准属性放在兼容属性之前border-radius:10px 30px;-webkit-border-radius: 10px 30px;二、实例说明1.实例实例1.1(正确写法)：Do...

css属性兼容性写法，兼容低版本主流浏览器

五、在dw里css样式有效果,但是在浏览器里没有效果怎么办

1、一、不同的浏览器有不同的要求，有些浏览器的css的效果用dw的时候就不会显示，所以你查看样式效果的时候不要用dw。

2、二、最新版的QQ浏览器集成了许多其他浏览器的优点，在代码执行和浏览器优化上有了质的飞跃，一般的代码都是可以正常显示的，你也不用担心要换代码才能起效，用它可以让你省心省力，你可以下载体验下。

3、三、请确认使用的字体是浏览器识别的通用字体，然后确定你的浏览器不是ie6到8，在dw内写代码的时候不要以设计视图作为参考，设计视图是不准确的，然后你需要看看你的字体是否被该浏览器所支持，尽量使用大众字体。你可以先把文字换成宋体或者黑体，看看是否显示。

六、chrome 调试为什么有些css不能改

1、我刚刚也碰到了一样的问题，chrome的dev里面也是显示style，而不是文件名。但是样式都显示了呀，火狐里面是可以改的！一开始很懵逼，仔细看了一下没哪里写错啊，引用路径都对的啊！

2、然后我就把css文件里面的样式删掉，写个简单属性的测试，发现chrome里面是可以改的。所以我就回去看看是不是样式写错了，但是编译器也没报错，慢慢找，删掉可能导致这个问题的属性，然后试一下，结果我发现是我background属性，定义了一个颜色，因为图片还没好，url也顺便写了，但给了一个空值，于是我删掉了url然后就好了。

3、这个问题你可以先检查一下你的地址是不是对的，然后去检查css文件内容有没有问题。

4、虽然不是很难，遇到了我就拿出来分享一下，万一对你们有用呢！！！

好了，关于谷歌浏览器css无效和谷歌浏览器css无效怎么解决的问题到这里结束啦，希望可以解决您的问题哈！