WEB标准_CSS布局 - css浏览器兼容解决方案http://zxh6655.cn/网站布局实录! - RainbowSoft Studio Z-Blog 1.8 Arwen Build 90619zh-CNCopyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号Mon, 06 Sep 2010 08:54:37 +0800CSS 布局在IE浏览器中的BUG汇总zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/165.htmlWed, 11 Aug 2010 21:11:16 +0800http://zxh6655.cn/post/165.htmlCSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，天津网站建设从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声明。

IE6下为什么图片下有空隙产生

...]]>css浏览器兼容解决方案http://zxh6655.cn/post/165.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=165http://zxh6655.cn/cmd.asp?act=tb&id=165&key=0154e589CSS代码优化技巧zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/151.htmlThu, 11 Mar 2010 19:06:21 +0800http://zxh6655.cn/post/151.html利用继承性优化代码
在CSS中，子元素会自动继承父元素的属性值，如颜色、字体、大小、行距等排版格式。已经在父元素中定义过的属性，在子元素中可以直接继承，不需要事重复定义。例如，在下面的代码中，我们就可以把清除超链接下划线的声明全部删除，然后在a元素中统—定义，通过继承而影响所有超链接伪类：
可以优化为：但要注意，并不是所有属性都可以继承。一般来说，如布局、盒模型属性的display, width、height等只使用自己的属性值，不会继承上级元素。
...

]]>css浏览器兼容解决方案http://zxh6655.cn/post/151.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=151http://zxh6655.cn/cmd.asp?act=tb&id=151&key=68a3ea9cie7不支持的过滤器小结zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/148.htmlMon, 08 Mar 2010 21:13:03 +0800http://zxh6655.cn/post/148.htmlCSS Filter利用浏览器的问题或者未支持的特性来隐藏针对特殊版本浏览器的CSS样式规则。由于IE7修复了这些问题并且改进了CSS支持，一些CSS filter将不再适用。如果使用这些Filters，你应该了解它们的效果。这样我们就可以针对IE和其他浏览器更有效地使用过滤器以适应改影；CSS设计方法。在IE7中，下面这些过滤器不再被支持，虽然前面曾经提到，这儿再简单汇总以下。
1. • HTML filter
这个CSS过滤器是基于一个解析错误。它被用于显示排除内容。这些内容将被IE 7和以后的版本忽略。
...

]]>css浏览器兼容解决方案http://zxh6655.cn/post/148.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=148http://zxh6655.cn/cmd.asp?act=tb&id=148&key=a47a4b46预防css中文注释bug zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/143.htmlWed, 03 Mar 2010 19:43:17 +0800http://zxh6655.cn/post/143.html在CSS代码中添加注释是个好习惯，但是有时也会出现一些问题。例如，为CSS添加中文注释，在一些特殊情况下中文注释会导致部分代码无故失效，主要原因是服务器端支持、文档代码以及程序类型等引起的。由于IE6及更低版本浏览器对于双字节的中文字稅符支持不是太好，添加中文注释就会出现解析问题，而IE7、fire fox等现代标准浏览器都能良好支持中文注释。因此如果发现带有中文注释的样式代码无法显示，可以把注释改成英文或者尝试把文档编码改成与页面一致的编码。如把IE默认编码UTF-8改为GB2312后会显示正常。另外，如果在内部样式中添加HTML注释，则后面相邻的样式也会失效。
...

]]>css浏览器兼容解决方案http://zxh6655.cn/post/143.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=143http://zxh6655.cn/cmd.asp?act=tb&id=143&key=7cfd1bd6css代码注释艺术zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/136.htmlWed, 24 Feb 2010 21:50:41 +0800http://zxh6655.cn/post/136.html有些天津网络公司，天津网站制作，塘沽网站建设设计师认为在CSS代码中添加注释是很件很无聊的事情，只有不熟悉代码的初学者才会做，存在这种想法的人，多数觉得CSS不是纯粹的编程语言，增加注释没有必要。事实上，添加注释对日后代码维护提供了很大的方便。如果在适当的地方增加一些注释，将有助快速了解代码的意图。
...

]]>css浏览器兼容解决方案http://zxh6655.cn/post/136.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=136http://zxh6655.cn/cmd.asp?act=tb&id=136&key=60955e80关于网页浏览器zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/135.htmlTue, 23 Feb 2010 17:54:11 +0800http://zxh6655.cn/post/135.html研究网页浏览器兼容问题，自然应当清楚目前浏览器的市场行情。经常也有网友问，网站要在哪些浏览器测试？如何才能更好的兼容？我想这或许不仅仅是个别问题，也许是众多设计师的疑惑。首先，我们大致了解一下2006年以来主流浏览器的全球市场份额：天津网站制作，塘沽网站建设，天津网络公司
...

]]>css浏览器兼容解决方案http://zxh6655.cn/post/135.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=135http://zxh6655.cn/cmd.asp?act=tb&id=135&key=1ca9abd7ul的不同表现zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/127.htmlTue, 16 Feb 2010 08:10:54 +0800http://zxh6655.cn/post/127.html问题起因,m列表对象也是容易在IE与Mozilla/Fh'cfox之中发生问题的对象，主要原因源自Fircfox对ul对象的默认值设置造成的，在了解这个问题前，先来看一下问题的起因，我们首qQXHTML与CSS代码。当前的代码非常简单，仅仅去除了ul的列表圆点，看一下在两个浏览器中预览效果。标准状态下两个浏览器的显示都很正常，多关键在于我们对ul接下来的设置，ul放置到合适位置对寸CSS进巧亍修改。预览效果后发现，IE中的ul已经与div靠齐了，天津网站建设，天津网站制作，而Fircfox中的ul却丝毫不动这是为什么呢？不妨把样式表修改一下再看看。次把margin-leR替换成了padding-left，再来看看预览效而这次的效果又刚好相反，Firefox实现了靠左，而却没有任何效果。
...

]]>css浏览器兼容解决方案http://zxh6655.cn/post/127.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=127http://zxh6655.cn/cmd.asp?act=tb&id=127&key=3db298fdCSS hack管理zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/112.htmlWed, 20 Jan 2010 13:12:53 +0800http://zxh6655.cn/post/112.html    不得不承认，CSS hack技术是我们为了达到良好的兼容性对浏览器所做的让步，就如同hack单词的本意，只是一个非官方的技术，使用CSS hack一方面在兼容性上得到了提向，另一方面由于CSS hack方法多数没有遵循标准的编码方式，使得CSS代码的可读性多S渗诊降低，因此对于CSS hack的使用来说，引发另一个值得关注的问题，就是cSS hack的管理，只有对CSS hack充分进行管理，才能够在CSS的开发中有序使用cSS hack，兼容性上的改善，在CSS hack的管理方面，来自网络的的专家门给了我们一些建议。
...

]]>css浏览器兼容解决方案http://zxh6655.cn/post/112.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=112http://zxh6655.cn/cmd.asp?act=tb&id=112&key=bffb5f80浏览器检查及验证标记zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/99.htmlThu, 31 Dec 2009 16:53:59 +0800http://zxh6655.cn/post/99.html    Dreamweaver在以前的版本中就提供了浏览器检查及标记验证工具，在新版本中，增加了对新型浏览器如Firefox的支持。在使用CSS布局的符合标准的网页设计中，显得尤为重要。测览器检查：使用浏览器检查工具，可以通过工具栏中冈页标题右侧的第一个按钮。在进行检查之前，可以进行一些目标浏览器的设置，点击按钮之后选择设置命令，便以打开浏览器设置窗口。
    在目标浏览器对话框中，已经列出了当前Dreamweaver版所支持的几种浏览器类型，以通过复选框选择文档所需要支持的浏览器名称，并从右侧的下拉框中选择最低版本，选择结束确定之后，可以再次点击浏览器检查按钮，并选择第一个命令“检查浏览器支持”，Dreamweaver 8就会按照我们的选择对文档进行检查，如果发现了错误，浏览器检查按钮将会出现一个黄色的感叹号标签，并显示发现了多少错误，并可以通过上一个错误，下一个错误进行错误。天津网站建设，天津网站制作
...

]]>css浏览器兼容解决方案http://zxh6655.cn/post/99.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=99http://zxh6655.cn/cmd.asp?act=tb&id=99&key=f6019b01高度不适应zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/97.htmlTue, 29 Dec 2009 21:06:05 +0800http://zxh6655.cn/post/97.html高度不适应指的是当内层对象的高度发生变化时，外层对象的高度不能自动进行调节，特别是当内层对象使用margin或paddign时。高度不适应问题不是IE的专利，就连Mozilla/Firefox也出现了这种问题。不适应主要发生在两个嵌套的对象中，这里div作为外层对象，而p作为内层对然后编写以下的CSS代码，看看代码做了了什么， 除了了背景之芝外，#box jx是一个几乎没有任何样式的div，而pQ象翌了两个非常关键的属性：margin-top：20px;margin-bottom:20px;上下外边距都是20px，这时照前面的盒模型原理，p对象的高度应当是20+20+文字的高度，应当在30px以上。理论上，由于p的高度在30px，#box这个div的高度也应当是由p的高度挤开，至少达到30px，我们看看预览后的效果。天津网站优化
...

]]>css浏览器兼容解决方案http://zxh6655.cn/post/97.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=97http://zxh6655.cn/cmd.asp?act=tb&id=97&key=c2251870