摘要:
一个文本框旁边一个按钮是很经常用到的网页内容,比如搜索框等等,而如果旁边的按钮使用图像的 话,他们竖直方向就很不容易对齐,即使使用 vertical-align、padding和margin等都不行(特别是在IE中,Firefox中使用vertical-align还可以)。例如有如下代码:<form><input type="text"name="foo"value="Test Field"/><input type="image"src="images/button.gif 阅读全文
摘要:
CSS hack是由于不同的浏览器,比如IE6,IE7,Firefox等,对CSS的解析不一样,导致解析的页面效果不一样,这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到同样页面效果。CSS hack原理:IE都能识别*,FF不能识别*IE6能识别*,但不能识别!importantIE6识别_,IE7和FF均不识别_IE7能识别*,也能识别!importantFF不能识别*,但能识别!important所以大家就可以用这些符号来区分不同的浏览器,以下两种方法几乎能解决现今所有css hack:1. !important随着IE7对!i 阅读全文
摘要:
你对CSS中使用!important解决IE6 IE7 Firefox兼容性问题的方法是否了解,这里和大家分享一下,首先我们看一下盒模型的概念。 CSS中使用!important解决IE6 IE7 Firefox兼容性问题 ◆首先谈谈!important问题的引起(盒模型问题): 在CSS标准中,一个盒模型包括4个区,分别是:内容、内边距(padding)、边框(border)和外边距(margin)。而Width宽度的计算,CSS有它的标准。但是实际上,不同的浏览器的表现却不同。比如, Firefox(FF)是准确按照CSS标准:width为内容的宽度,也就是说: 层的宽度=widt... 阅读全文
摘要:
在这个浏览器百花争鸣的时代,作为前端开发的我们为了我们漂亮的设计能适应各个浏览器可为煞费苦心,主要体现在javascript和css上面。javascript我这次就不谈了,先说说css。 为了适应不同浏览器不同的版本(版本主要就ie来说),ie这朵奇葩现在我们要兼容6-9,它的10也快出来了。。。在ie下我们可以写条件注释来区分 ie和其他浏览器,以及ie的版本,这些请大家自行google。这篇文章主要讨论的是css hack。下面废话补多说了,直接上代码<!DOCTYPE html> <html> <head> <title>Css Hack 阅读全文
摘要:
感觉不错,拷贝过来。嘿嘿。 很多朋友搞不清楚CSS中有哪些HACK,怎么使用,我翻译+整理了一下贴在这里。这篇文章是关于CSS的hacking技术。不要和微软专有的CSS属性“滤镜”混淆。 在理想世界里,正确的CSS应该在任何支持CSS的浏览器里工作良好。不幸的是,我们并不是生活在理想的世界里,浏览 器们布满了BUG和不一致。创建一个跨浏览器并且显示一致的页面,CSS开发者必须想尽办法。通过使用BUG和未实现的CSS,开发者就能够为不同的浏览 器应用不同的规则。HACK和FILTER是开发者强有力的武器。了解各种常用的HACKS以及它们如何工作,是件重要的事,但什么时候用和什么时候... 阅读全文