`
highfly-s
  • 浏览: 102477 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

firefox 专属css hack

阅读更多

之前只有ie6、ie6、firefox时,只要写!important就能够零丁给firefox做hack了,可是此刻多了ie八、opera、 chrome等这些个所说的规范浏览器后,firefox能熟悉的工具它们都熟悉,偏生firefox有个致命的bug就是不撑持input的line- height属性,于是我又犯合计了,怎么办怎么办怎么怎么办呢?

网上搜刮一大圈,终于发明1个好措施,那就是@-moz-document url-prefix(){这搭是放css语句的处所},恁地庞大的一句话,只有firefox熟悉,如许就能够给firefox配置至有关line-height的padding了。

举个例子,本来1个按键的css是如许

.defaultmallsearchbt{width:70px;height:22px;line-h eight:22px;padding-left:16px;color:#fff;border:none ;background:url(../images/defaultmallsearchbt.gif) no-repeat;cursor:pointer;}

可是在firefox下书契在按键上是没有铅直居中的,以是要加之如许一句:

@-moz-document url-prefix(){.defaultmallsearchbt{padding:0 0 4px 16px;}}

疑难题目目解释题决,万事大吉! 

.input2{width:30px;height:21px;padding-top:4px;border:1px solid #d5d5d5;position:relative;*top:4px;}
@-moz-document url-prefix(){.input2{top:2px;}}

分享到:
评论

相关推荐

    Firefox专属hack的写法介绍

    本文主要关注的是Firefox浏览器的专属hack,解决Firefox中的一些特定问题,尤其是针对Firefox不支持`input`元素的`line-height`属性这一bug。 首先,我们需要理解`line-height`属性的重要性。`line-height`用于设置...

    CSS hack汇总

    ### CSS Hack 汇总:解决 IE6,IE7,IE8 及 Firefox 的兼容性问题 在网页设计与开发领域,确保不同浏览器间的代码兼容性是一项挑战性的任务,尤其是在处理像 Internet Explorer 6(IE6)、IE7、IE8 和 Firefox 这些...

    css样式表兼容总结,兼容火狐,ie6,ie7,FF

    标题中的“css样式表兼容总结,兼容火狐,ie6,ie7,FF”指的是在网页设计中,CSS样式表需要处理不同浏览器之间的兼容性问题,特别是老版本的Internet Explorer(IE6和IE7)以及Firefox。描述中的“css样式表火狐,ie6,ie...

    常见css BUG

    不同的浏览器对CSS的支持程度各不相同,特别是早期的Internet Explorer(IE)版本与现代浏览器如Firefox、Chrome等之间存在较大的差异。本文将详细介绍一些常见的CSS兼容性问题及其解决方法。 #### IE6、IE7与Fire...

    css浏览器兼容写法

    例如,`@media screen and (-webkit-min-device-pixel-ratio:0) {样式}`是针对基于WebKit内核(如Chrome和Safari)的浏览器的,而`@-moz-document url-prefix() {.font1 {color:red}}`是Firefox的专属写法。...

    解决IE6、IE7、IE8、Firefox兼容的两种方案

    特别是对于老旧浏览器如Internet Explorer 6/7/8以及早期版本的Firefox,由于它们各自对CSS的支持程度不一,导致同样的网页在不同浏览器中的渲染效果存在较大差异。本文将详细介绍在这些浏览器中常见的兼容性问题,...

    CSS浏览器兼容问题整理

    本文将从CSS浏览器兼容性的角度出发,探讨几个常见问题及其解决方案,特别针对的是IE6、IE7以及Firefox这些较早版本浏览器。 #### 二、CSS兼容性概述 在实际工作中,我们经常会遇到以下几种常见的兼容性问题: 1....

Global site tag (gtag.js) - Google Analytics