我有一段csspadingmargin在火狐中不兼容_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了我有一段csspadingmargin在火狐中不兼容_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1441字，纯文字阅读大概需要3分钟。

内容图文

.test {   	margin-top: -69px; /*for Chrome*/	margin-top: -64px\9; /*for ie*/          margin-top: -67px\9; /*请问FF safari 的应该怎么写呢*/ 	padding:8px;         如果margin 这个 用FF的hack 实现不了 那么就加在padding上        FF？ padding:10px;  /*请问FF safari 的应该怎么写呢*/         } 

回复讨论(解决方案)

-webkit-margin-top试试

http://leeiio.me/css-hack-for-firefox-opera-safari-ie/

-webkit-margin-top试试

-webkit-margin-top:-67px;

不行啊

可以注意hack的书写顺序
#tip {
background: blue; /*Firefox 背景变蓝色*/
background: red \9; /*IE8 背景变红色*/
*background: black; /*IE7 背景变黑色*/
_background: orange; /*IE6 背景变橘色*/
}



或者

firefox 的 CSS hack 写法
第一个使用了 body:empty 来区分 Firefox 1 和 2 。第二个 hack使用了全部 Firefox 浏览器的专有扩展 -moz。 -moz- 只对 Firefox有效，使用这个 Hack 大可不必担心其他浏览器的影响。

/* css document Firefox 1、Firefox 2 css hack */
body:empty .tl{ color:#f90;}
/* css document Firefox css hack */
@-moz-document url-prefix(){
.tl{ color:#f90;}
}
Opera 的 CSS hack 写法
/* css document Opera css hack */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
.tl{ color:#f90;}
}
chrome、safari 等 webkit内核浏览器 的 CSS hack 写法
/* css document chrome、safari css hack */
@media screen and (-webkit-min-device-pixel-ratio:0){
.tl{ color:#f90;}
}

内容总结

以上是互联网集市为您收集整理的我有一段csspadingmargin在火狐中不兼容_html/css_WEB-ITnose全部内容，希望文章能够帮你解决我有一段csspadingmargin在火狐中不兼容_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端