随笔分类 -  Web CSS

摘要:按照css2之前的滤镜属性opacity,会继承到内容上,也就是说我们给一个div设置了opacity:0.5,div里的文字也会出现半透明效果。点此查看Demo。 为了避免这种情况发生,我们不得不多增加一个div,用来透明背景,而另外一个放内容的div就不设背景,只要这2个div大小坐标保持一致,且放内容的div显示在透明背景的div上就达到效果了,点此查看Demo。Demo代码:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/ 阅读全文
posted @ 2012-03-26 13:43 PPDev 阅读(1858) 评论(0) 推荐(1) 编辑
摘要:IE、FF、Safari、OP不同浏览器兼容报告1 浏览器内核简介TridentIE浏览器(GreenBrowser绿色浏览器, 遨游浏览器....都是IE)GeckosFireFoxPrestoOperaWebkitSafari、Chrome浏览器最重要或者说核心的部分是“Rendering Engine”,可大概译为“解释引擎”,不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释(如HTML、JavaScript)并渲染(显示)网页。 所以,通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语.. 阅读全文
posted @ 2011-10-29 10:48 PPDev 阅读(13525) 评论(1) 推荐(6) 编辑
摘要:在区别Firefox和IE时最常用的是!important方法,对于其他不同浏览器和浏览器的不同版本的的兼容性问题还有下面一些方法,比如:@import,注释,属性选择符,子对象选择符和voice-family等方法,这些方法在《CSS网站布局实录》中有讲述。◆下面是IE和Firefox的CSS兼容性问题1.DOCTYPE影响CSS处理2.Firefox:DIV设置margin-lef... 阅读全文
posted @ 2010-11-13 09:38 PPDev 阅读(660) 评论(0) 推荐(0) 编辑
摘要:CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且 DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.      CSS技巧      1.div的垂直居中问题 vertical-align:middl... 阅读全文
posted @ 2010-08-12 10:08 PPDev 阅读(277) 评论(0) 推荐(0) 编辑
摘要:浏览器市场的混乱,给设计师造成很大的麻烦,设计的页面兼容完这个浏览器还得兼容那个浏览器,本来ie6跟ff之间的兼容是很容易解决的。加上个ie7会麻烦点,ie8的出现就更头疼了,原来hack ie7的方法又不能用了,怎么办呢?第一种方法:还好,微软提供了这样一个代码:<meta http-equiv="x-ua-compatible" content="ie=7" />把这段代码放到&l... 阅读全文
posted @ 2010-08-10 15:06 PPDev 阅读(375) 评论(0) 推荐(0) 编辑