之前只有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中的一些特定问题,尤其是针对Firefox不支持`input`元素的`line-height`属性这一bug。 首先,我们需要理解`line-height`属性的重要性。`line-height`用于设置...
### CSS Hack 汇总:解决 IE6,IE7,IE8 及 Firefox 的兼容性问题 在网页设计与开发领域,确保不同浏览器间的代码兼容性是一项挑战性的任务,尤其是在处理像 Internet Explorer 6(IE6)、IE7、IE8 和 Firefox 这些...
标题中的“css样式表兼容总结,兼容火狐,ie6,ie7,FF”指的是在网页设计中,CSS样式表需要处理不同浏览器之间的兼容性问题,特别是老版本的Internet Explorer(IE6和IE7)以及Firefox。描述中的“css样式表火狐,ie6,ie...
不同的浏览器对CSS的支持程度各不相同,特别是早期的Internet Explorer(IE)版本与现代浏览器如Firefox、Chrome等之间存在较大的差异。本文将详细介绍一些常见的CSS兼容性问题及其解决方法。 #### IE6、IE7与Fire...
例如,`@media screen and (-webkit-min-device-pixel-ratio:0) {样式}`是针对基于WebKit内核(如Chrome和Safari)的浏览器的,而`@-moz-document url-prefix() {.font1 {color:red}}`是Firefox的专属写法。...
特别是对于老旧浏览器如Internet Explorer 6/7/8以及早期版本的Firefox,由于它们各自对CSS的支持程度不一,导致同样的网页在不同浏览器中的渲染效果存在较大差异。本文将详细介绍在这些浏览器中常见的兼容性问题,...
本文将从CSS浏览器兼容性的角度出发,探讨几个常见问题及其解决方案,特别针对的是IE6、IE7以及Firefox这些较早版本浏览器。 #### 二、CSS兼容性概述 在实际工作中,我们经常会遇到以下几种常见的兼容性问题: 1....