1.默认的内外边距不同问题:各个浏览器默认的内外边距不同解决:*{margin:0;padding:0;}2.水平居中的问题问题:设置text-align:centerie6-7文本居中,嵌套的块元素也会居中ff/opera/safari/ie8文本会居中,嵌套块不会居中解决:块元素设置1、margin-left:auto;margin-right:auto2、margin...
由于W3C准备中,背景图片并不支持伸缩功能。所以在IE和FF这两大浏览器中会有一些区别,在FF中的方法可谓简单,只需要用background-size则可以控制其随容器的大小而自动伸缩例子如下.picLUp{background:url(logo.png)no-repeat;width:100%;height:40%;background-size:100%100%;}在这样的CSS控制之下...
1、*{}#zishu*{}尽量避开由于不同浏览器对HTML标签的解释有差异,所以最终的网页效果在不同的浏览器中可能是不一样的,为了消除这方面的风险,设计者通常会在CSS的一个始就把所有标签的默认属性全部去除,以达到所有签标属性值都统一的效果。所以就有了*通配符。*会遍历所有的标签;*{margin:0;padding:0}建议的的解决办法:(1).不要去使用生僻的标签,因为这些标签往往...
自从安装了IE8.0正式版本!就对基本的几个CSSHack的做一下归纳!希望对网页前端布局DIV+CSS的实施者有所帮助!本文就主要以:IE6+IE7+IE8+IE9+FF为主要研究对象HACK原理:不同浏览器对各中字符的识别不同(读完文章你会发现,FF和IE8对以下字符的识别能力完全相同)在CSS中常用特殊字符识别表:(1)*:IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识...
语法:STYLE="filter:filtername(fparameter1,fparameter2...)"(Filtername为滤镜的名称,fparameter1、fparameter2等是滤镜的参数)滤镜说明:alpha:设置透明层次blur:创建高速度移动效果,即模糊效果chroma:制作专用颜色透明DropShadow:创建对象的固定影子FlipH:创建水平镜像图片FlipV:创...
1、重复:在整个站点中重复实现某些页面设计风格。重复的成分可能是某种字体、标题logo、导航菜单、页面的空白边设置、贯穿页面的特定厚度的线条等。颜色作为重复成分也很有用:为所有标题设置某种颜色,或者在标题背后使用精细的背景。2、用对比来吸引读者的注意力。通过对比来抓住读者的注意力,例如,你可以让标题在黑色背景上反白,并且用大的粗体字(比如黑体),这与下面的普通字体(比如宋体)行成对比。另一...
概述IE浏览器以不支持大量的css属性出名,同时也因其支持的css属性中存在大量bug。本文章列举了IE下的一些问题,实例样本和一些我们已知的解决方法。尽管我已经尽力按照它们本来的性质对它们进行分类,仍有许多bug可以分在好几个部分之下,这种情况下,我将会将此bug分在普通bug这一部分。统计目前为止。此站点包含46个普通bug教程,5个haslayoutbug教程,6个不支持的方法教程,一个...
在进行图片布局时,经常会遇到两端对齐的需求,解决方案有多种,负margin、单独类名、js等都可以。今天要介绍的是利用text-align和after伪类的方法。如下图:HTML代码如下:<html><head><metacharset="UTF-8"><title>两端对齐demo</title></head><body><ulclass="box"><li></...
IE的有条件注释是一种专有的(因此是非标准的)、对常规(X)HTML注释的Miscrosoft扩展。顾名思义,有条件注释使你能够根据条件(比如浏览器版本)显示代码块(不一定就是css,也可以是html代码,甚至是JavaScript代码)。尽管是非标准的,但是有条件注释对于其他所有浏览器作为常规注释出现,因此本质上是无害的。有条件注释在Windows上的IE5中首次出现,并且得到了Widnows浏...
屏蔽IE浏览器(也就是IE下不显示)*:lang(zh)select{font:12px!important;}/*FF,OP可见,特别提醒:由于Opera最近的升级,目前此句只为FF所识别*/select:empty{font:12px!important;}/*safari可见*/这里select是选择符,根据情况更换。第二句是MAC上safari浏览...