当前位置:   CEF3 > 正文

背景颜色和谷歌浏览器问题

css,google-chrome,chrome,html,safari,firefox,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发工具,开发人员工具,站长工具

有时我会在Chrome中破坏背景.我没有得到任何其他浏览器的此错误.

这是负责身体背景颜色的简单CSS线:

body 
{
   background: black;
   color: white;
   font-family: Chaparral Pro, lucida grande, verdana, sans-serif;
}

这正是我遇到这个问题的原因.我点击了Gmail电子邮件中包含的链接,但我得到了错误(没有背景信息).然后我刷新页面,背景完全着色.

怎么解决这个问题?



1> Logan Serman..:

从来没有听说过.尝试:

html, body {
  width: 100%;
  height: 100%;
  background-color: #000;
  color: #fff;
  font-family: ...;
}



2> 小智..:

好的,我找到了解决方案.这不是很好,但没有副作用的伎俩.

HTML:

 

(把它放在身体标签下面)

CSS:

#chromeFix { display: block; position: absolute; width: 1px; height: 100%; top: 0px; left: 0px; }

这有什么办法来解决这个问题:

它迫使Chrome认为页面的内容是100%而不是 - 这会阻止身体"出现"内容的大小并解决丢失的背景错误.这基本上是height: 100%在应用于body或html时执行的操作,但是在滚动(超过100%页面高度)时不会产生背景被切断的副作用,就像在这些元素上使用100%高度一样.

我现在可以睡觉=]


对于纯CSS解决方案,将#chromeFix更改为body:after并向css属性添加内容:"".

3> 小智..:

我有同样的问题上一对夫妇的网站,并通过移动从身体的背景造型为HTML固定它(我猜是的变化body {},以html, body{}技术已经被提及,但显示了您只能做与风格上的HTML)例如

body {
   background-color:#000000;
   background-image:url('images/bg.png');
   background-repeat:repeat-x;
   font-family:Arial,Helvetica,sans-serif;
   font-size:85%;
   color:#cccccc;

}

html {
   background-color:#000000;
   background-image:url('images/bg.png');
   background-repeat:repeat-x;
}
body {
   font-family:Arial,Helvetica,sans-serif;
   font-size:85%;
   color:#cccccc;
}

这适用于IE6-8,Chrome 4-5,Safari 4,Opera 10和Firefox 3.x,没有明显令人讨厌的副作用.



4> 小智..:

我能够解决这个问题:

html { height: 100%; }



5> 小智..:

HTML和正文高度100%在旧的IE版本中不起作用.

您必须将backgroundproperties从body元素移动到html元素.
这将修复它的crossbrowser.

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/blog/CEF3/detail/23125
推荐阅读
  • 如何解决《JavaScript函数导入无效》经验,为你挑选了1个好方法。html,javascript,ecmascript-6,chrome,firefox,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json... [详细]

  • 如何解决《如何唯一识别访问我网站的计算机?》经验,为你挑选了11个好方法。javascript,browser,cookies,https,算法,android,windows,go,ipad,服务器,json,php,ajax,firef... [详细]

  • 如何解决《本地HTML字符串上的PythonSelenium》经验,为你挑选了2个好方法。python,selenium,html,注入,css,javascript,chrome,DevBox,在线流程图,编程,编程问答,程序员,开发者工... [详细]

  • 如何解决《JavaScript-确定属性是否已定义并设置为"未定义"或未定义》经验,为你挑选了2个好方法。javascript,properties,object,undefined,chrome,webkit,DevB... [详细]

  • 如何解决《将值传递给窗口中的iframe》经验,为你挑选了5个好方法。html,javascript,iframe,容器,go,chrome,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,... [详细]

  • 如何解决《为什么JavaScript不支持多线程?》经验,为你挑选了5个好方法。javascript,browser,multithreading,chrome,https,服务器,html,go,安全,程序员,DevBox,在线流程图,编... [详细]

  • 如何解决《SplashAPI/lua错误:尝试索引本地元素(nil值)》经验,为你挑选了1个好方法。javascript,lua,splash-screen,scrapy,go,html,chrome,css,DevBox,在线流程图,编程... [详细]

  • 如何解决《放大溢出:滚动》经验,为你挑选了0个好方法。css,https,chrome,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发工具,开发人员工... [详细]

  • 如何解决《如何确定哪个html页面元素具有焦点?》经验,为你挑选了3个好方法。html,javascript,chrome,firefox,safari,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,... [详细]

  • 如何解决《无法访问http://localhost:3000》经验,为你挑选了2个好方法。networking,ruby-on-rails,localhost,ruby,chrome,firefox,asp.net,vagrant,ssh,... [详细]

  • 如何解决《哪些Web浏览器本身支持Array.forEach()》经验,为你挑选了3个好方法。javascript,cross-browser,firefox,chrome,webkit,jquery,DevBox,在线流程图,编程,编程问... [详细]

  • 如何解决《GoogleChrome如何影响开发网络应用的产品所有者?》经验,为你挑选了1个好方法。testing,google-chrome,cross-browser,firefox,safari,chrome,javascript,we... [详细]

  • 如何解决《如何使用JavaScript检测鼠标右键+粘贴?》经验,为你挑选了3个好方法。javascript,jquery,firefox,chrome,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,... [详细]

  • 如何解决《ChromeStyleC#应用程序?》经验,为你挑选了3个好方法。c#,google-chrome,windows-vista,windows,chrome,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,... [详细]

  • 如何解决《strpos未在Chrome中定义?》经验,为你挑选了2个好方法。javascript,google-chrome,firefox,chrome,php,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,js... [详细]

  • 如何解决《IE没有在图像周围包装文本》经验,为你挑选了1个好方法。html,internet-explorer,firefox,chrome,go,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码... [详细]

  • 如何解决《谷歌Chrome的盔甲在哪里?》经验,为你挑选了2个好方法。google-chrome,chrome,firefox,javascript,go,windows,c#,webkit,DevBox,在线流程图,编程,编程问答,程序员... [详细]

  • 如何解决《是否可以使用URL参数链接到PDF中的书签?》经验,为你挑选了5个好方法。pdf,url,bookmarks,hyperlink,chrome,go,firefox,safari,DevBox,在线流程图,编程,编程问答,程序员,... [详细]

  • 如何解决《动态更改样式表路径在IE和Firefox中不起作用》经验,为你挑选了1个好方法。javascript,css,ajax,html,chrome,firefox,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具... [详细]

  • 如何解决《使用CSS灰显图像?》经验,为你挑选了5个好方法。css,html,webkit,safari,chrome,xml,firefox,android,ios,javascript,jquery,DevBox,在线流程图,编程,编程... [详细]

相关标签
  

闽ICP备14008679号