li list-style-type:decimal序号到9变为0

评论(0)浏览(353)分类:HTML/CSS兼容/XML
li list-style-type:decimal序号到9变为0  昨天在用ul+li布局的时候,li的list-style-type设置为decimal,结果li的序号显示到9后,自动变为从0开始了,如下图所示。示例代码!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdstyle ul{padding:0px;margin:0px}li{margin-left:25px; list-style-type:decimal}/st..

table cellpadding属性无效

评论(0)浏览(1503)分类:HTML/CSS兼容/XML
table cellpadding属性无效  设置了table的对象的cellpadding属性后,如果table单元格间没有出现指定padding间距,那么应该设置过td的样式,增加了padding:0px的样式,这样设置table的cellpadding就不起作用了。  查找导入此页面的css文件或者内联style样式,找到类似的样式td{padding:0px}/*或者*/*{padding:0px}  加这个样式的人脑子绝对是被驴踢过了的。。测试代..

javascript水平方向手风琴焦点图

评论(0)浏览(216)分类:JavaScript/Ajax开发技巧
javascript水平方向手风琴焦点图  javascript水平方向手风琴焦点图,效果如下源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadtitlejavascript水平方向手风琴焦点图/titlemeta http-equiv=Content-Type content=text/html; charset=utf-8 /scri..

chrome浏览器font-size小于12px默认为12px解决办法

评论(0)浏览(809)分类:操作系统及应用软件
chrome浏览器font-size小于12px默认为12px解决办法  当样式表里或者对象的style中设置了font-size12px,chrome浏览器里字体默认大小仍为12px,不是font-size设置的值。刚开始以为是xhtml申明的问题,结果是chrome自己的bug。  解决的办法有两种第一种(推荐):只需定义样式,webkit的私有属性:html{-webkit-text-size-adjust:none;} 第二种:在chrome浏览器工具栏 选项 高级选项 更改字..

firefox下javascript设置marquee innerHTML滚动bug

评论(0)浏览(205)分类:JavaScript/Ajax开发技巧
firefox下javascript设置marquee innerHTML滚动bug  在firefox下,在当前的文档流完全关闭后设置marquee标签的innerHTML(我是这样理解的,具体就不清楚firefox下marquee的机制了,看下面的示例),如果内容长度大于marquee设置的长度,会导致滚动到边界时,内容重头滚定,而没有继续滚动剩余的内容。  猜测可能是firefox文档流关闭时计算过marquee的宽度什么的,导致marquee内容宽度滚动。 ..

禁止选择网页内容

评论(0)浏览(560)分类:HTML/CSS兼容/XML
禁止选择网页内容  用css禁止选择浏览器显示的网页的内容user-select有两个值none:用户不能选择文本text:用户可以选择文本  注意:user-select不是一个W3C的CSS标准属性,浏览器支持的不完善,各种浏览器的实现都不一样,需要针对不同浏览器加上对应的CSS,示例代码如下 body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*we..

IE颜色渐变滤镜FILTER:progid:DXImageTransform.Microsoft.Gradient

评论(0)浏览(619)分类:HTML/CSS兼容/XML
IE颜色渐变滤镜FILTER:progid:DXImageTransform.Microsoft.GradientIE颜色渐变滤镜progid:DXImageTransform.Microsoft.Gradient参数介绍及使用语法:filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth)参数:enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。 true | false  true: 默认值。滤镜激活。  false:滤镜被禁止。startColor..

HTML5 Audio/Video属性,方法,事件列表

评论(0)浏览(591)分类:HTML/CSS兼容/XML
HTML5 Audio/Video属性,方法,事件列表audio 标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条Html代码audio id=media src=http://www.abc.com/test.mp3 controls/audio video 标签属性:src:视频的URLposter:视频封面,没有播放时显示的图片preload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条w..

html5 required属性不用写js就能验证非空错误

评论(0)浏览(2623)分类:HTML/CSS兼容/XML
html5 required属性不用写js就能验证非空错误  今天研究jquery.validation.js插件的时候,发现即使删除了页面上的所有js文件,提交表单的时候既然会提示请填写此字段的错误信息,神奇了。源代码如下form class=cmxform id=commentForm method=get action=label for=cemailE-Mail (required)/labelinput id=cemail type=email name=email required /pinput class=submit type=submit value..

li中嵌套img导致li垂直方向下端多出4px空白边解决办法

评论(0)浏览(368)分类:HTML/CSS兼容/XML
li中嵌套img导致li垂直方向下端多出4px空白边解决办法  当li中嵌套了img元素时,li的垂直方向下端会莫名其妙的多出4px的空白边,ie6-7【以下简称ie】,firefox,chrome存在li空白边,firefox和ie6-7一样是4px,chrome下则是3px,IE8没有受到影响,神奇。。示例代码和布局图比较如下ul style=margin:0px;padding:0pxli style=margin:0px;padding:0px;zoom:1;overflow:hiddenimg src=v.png//li/ul  ..

输入框onchange,oninput,onpropertychange事件区别

评论(0)浏览(666)分类:HTML/CSS兼容/XML
输入框onchange,oninput,onpropertychange事件区别输入框(input)onchange,oninput,onpropertychange事件区别和兼容行分析onchange触发条件:输入框的值改变,失去焦点(onblur)后触发。兼容性:各浏览器都支持。oninputonpropertychange触发条件:输入时,实时触发,而不是失去焦点才触发。兼容性:oninput:Chrome/IE9/Firefox/Safari/Operaonpropertychange:IE6/IE7/IE8/IE9所以如果要实现输..

css修改鼠标选中内容显示样式

评论(0)浏览(171)分类:HTML/CSS兼容/XML
css修改鼠标选中内容显示样式  通过样式修改鼠标选中的内容的颜色/背景色样式,而不是默认的深蓝色蓝底白色的字。  本示例在IE8-浏览器下无效,如果是IE浏览器请升级到IE9+,chrome,opera,safari,firefox下运行看效果style*::-moz-selection{background:#93C; color:#FCF;}*::selection{background:#93C; color:#FCF;} /style通过样式修改鼠标选中的内容的颜色/背景..

解决ie下移动浮动层闪动问题

评论(0)浏览(1114)分类:HTML/CSS兼容/XML
解决ie下移动浮动层闪动问题  IE浏览器下如果使用setInterval/setTimeout计时器实现实时移动浮动层时,浮动层会有一些细微的闪动或者震动,因为IE有一个多步的渲染进程,当滚动或调整浏览器大小的时候,它将重置所有内容并重画页面,这个时候它就会重新处理css表达式。这会引起一个丑陋的闪动/振动bug,在此处固定位置的元素需要调整以跟上(页面的)滚动,就会出现跳动。 ..

IE glow滤镜

评论(0)浏览(98)分类:HTML/CSS兼容/XML
IE glow滤镜  IE glow滤镜:在对象边缘添加类似发光效果  语法: STYLE=filter:Glow(Color=color,Strength=strength)   说明:Color:发光颜色. Strength:强度(0-100) 例子:filter:Glow(Color=#6699CC,Strength=5)   注意:作用域图片时,图片需要透明背景,要不不起作用。  IE glow滤镜测试代码和效果style body{background:#ffffff} ..

IE gray,invert,xray滤镜

评论(0)浏览(137)分类:HTML/CSS兼容/XML
IE gray,invert,xray滤镜  IE gray滤镜:把图片变为一张黑白颜色灰度图  语法::STYLE=filter:Gray  IE invert滤镜:把对象的可视化属性全部翻转,包括色彩,饱和度和亮度  语法:STYLE=filter:Invert  IE Xray滤镜:使对象变得像被x光照射一样  语法:STYLE=filter:Xray  IE gray,invert,xray滤镜测试代码和效果style body{background:#ffffff} ..

IE Chroma滤镜

评论(0)浏览(84)分类:HTML/CSS兼容/XML
IE Chroma滤镜  IE Chroma滤镜:设置图片中指定的颜色为透明色,不显示原来的色彩语法filter:Chroma(Color=color)说明 :color:#rrggbb格式,任意. 例子:filter:Chroma(Color=#FFFFFF) 备注:经测试,对文字容器的背景色不起作用,只作用于图片 IE Chroma滤镜示例style.chroma0{filter:Chroma(Color=#ff0000)}.chroma1{filter:Chroma(Color=#008000)}/sty..

IE FlipH,FlipV滤镜

评论(0)浏览(78)分类:HTML/CSS兼容/XML
IE FlipH,FlipV滤镜  IE FlipH,FlipV滤镜:创建水平,垂直镜像语法filter:FlipVfilter:FlipHIE FlipH,FlipV滤镜示例,请在IE下运行stylebody{background:#ffffff}div{width:100px;height:100px;float:left;margin:0px 20px 20px 0px}.FlipH{filter:FlipH}.FlipV{filter:FlipV}/styledivFlipH,FlipV滤镜,原始效果/divdiv class=FlipH/作用于FlipH下的文字效果/di..

IE DropShadow滤镜

评论(0)浏览(145)分类:HTML/CSS兼容/XML
IE DropShadow滤镜  IE DropShadow滤镜:创建对象的固定影子语法filter:DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive) 说明 Color:#rrggbb格式,任意. Offx:X轴偏离值. Offy:Y轴偏离值. Positive:1或0.如果为TRUE(非0),就为任何的非透明像素建立可见的投影 如果为FASLE(0),就为透明的像素部分建立透明效果 例子:filter:DropShadow..

IE blur滤镜

评论(0)浏览(183)分类:HTML/CSS兼容/XML
IE blur滤镜  IE blur滤镜:创建高速度移动效果,即模糊效果语法filter:Blur(Add=add,Direction=direction,Strength=strength)说明 Add:是一个布尔值,一般来说,当滤镜用于图片时取0,用于文字时取1。文字设置add=1时会整个字体增加移动效果,会很模糊注意设置add的值。 Direction:模糊方向,以45度为单位改变,0为垂直向上,45向右上,90水平向右,13..

IE alpha滤镜

评论(0)浏览(112)分类:HTML/CSS兼容/XML
IE alpha滤镜  IE alpha滤镜:设置透明层次语法 filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style,StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)说明opacity代表透明度水准。默认的范围是从0 到 100,他们其实是百分比的形式。也就是说,0代表完全透明,100代表完全不透明。finishopacity是一个可选参数,如果想要..

iframe嵌套图吧地图在线标点地图

评论(0)浏览(172)分类:HTML/CSS兼容/XML
iframe嵌套图吧地图在线标点地图  图吧地图在线标点地图在线生成地址:http://union.mapbar.com/onlineTagging.jsp,注册激活账户后生成地图标注界面如下  图吧在线标点地图需要注册才能生成iframe引用的地址,效果如下。  iframe引入的图吧在线标点地图效果

jquery mouseleave事件:移动到子容器select的option上也会触发

评论(0)浏览(567)分类:HTML/CSS兼容/XML
jquery mouseleave事件:移动到子容器select的option上也会触发  当使用jquery给父容器绑定了mouseleave事件时,只有离开了父容器对象才会触发mouseleave事件,移动到子对象容器是不会触发的【注意不要使用mouseout事件,要不即使移动到的是父容器的子对象,如a也会触发mouseout事件。】  但是今天碰到了一个特例,如果父容器中包含select对象,当展开select对象的option时,鼠标移动到option选项上,父容..

css控制英文字母的大小写

评论(0)浏览(694)分类:HTML/CSS兼容/XML
css控制英文字母的大小写  css如何控制英文字母的大小写style.uc{text-transform:uppercase;/*用此样式后英文字母都显示为大写*/}.lc{text-transform:lowercase;/*用此样式后英文字母都显示为小写*/}/stylediv class=ucall the english word in this div be changed to upper case/divbr /div class=lcall the english word in this div be changed to lower case/div

CSS固定表格table表头页头

评论(0)浏览(976)分类:HTML/CSS兼容/XML
CSS固定表格table表头页头  纯css实现的固定表格table页头表头固定,内容可以滚动,而table的表头固定在上面,效果如下源代码如下 !doctype htmlhtml dir=ltr lang=zh-CN head meta charset=utf-8/ title纯CSS实现表头固定 by 司徒正美/title style type=text/css #scrollTable { width:701px; border: 1px solid #EB8;/*table没有外围的..

css样式表important优先级大于内联style设置的样式

评论(0)浏览(4289)分类:HTML/CSS兼容/XML
css样式表important优先级大于内联style设置的样式  今天发现css样式表中使用了important提高优先级后,尽然覆盖了内联样式style中设置的对应样式,老土了。。呵呵  测试代码如下style.c{color:Red !important}/stylediv class=c style=color:Blue内联style样式无法覆盖样式表中的important,内容显示为红色,而不是内联样式设置的蓝色/div  提高内联样式style的优先级也需要增加important..

CSS选择器优先级

评论(0)浏览(485)分类:HTML/CSS兼容/XML
CSS选择器优先级CSS样式的优先级  多重样式(Multiple Styles):如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况。 一般情况下,优先级如下:(外部样式)External style sheet (内部样式)Internal style sheet (内联样式)Inline style  有个例外的情况,就是如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式。..

IE7 xhtml模式下position:relative overflow失效

评论(0)浏览(182)分类:HTML/CSS兼容/XML
IE7 xhtml模式下position:relative overflow失效  IE7浏览器xhtml模式下,发现父容器设置了overflow:hidden/auto,子容器如果position为relative定位,父容器设置的overflow:hidden/auto失效,超出父容器的内容没有隐藏或者出现滚动条,而是直接显示出来,IE8+和其他浏览器如firefox没有问题。   IE8,显示正常IE7则内容直接显示,超出父容器范围  测试代码!DOCTYPE html PUBLIC -//..

button在IE下的表现形式当添加xhtml申明后

评论(0)浏览(148)分类:HTML/CSS兼容/XML
button在IE下的表现形式当添加xhtml申明后  在IE浏览器下,对于button标签,添加xhtml申明和为添加xhtml有很大区别。  IE下没加xhtml申明时button123/button==inputtype=button/,加了xhtml申明后button123/button==inputtype=submit/。  firefox和chrome等非IE核心的浏览器button123/button==inputtype=submit/。  测试代码,添加了xhtml申明,IE下会提交表单!DOCTYPE html PUB..

IE7- radio无法去掉内边距

评论(0)浏览(110)分类:HTML/CSS兼容/XML
IE7- radio无法去掉内边距  IE7-浏览器下,设置radio容器的margin和padding都为0都无法去掉圆点周围的补白内容,IE8和firefox浏览器可以去掉补白内容。  注:IE8需要添加xhtml申明为CSS1Compat才行。  最后只好用JS+图片来模拟radio选项,测试效果如下  获取焦点和没有焦点的2张radio图片:   源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transiti..

css控制DOM对象旋转

评论(0)浏览(225)分类:HTML/CSS兼容/XML
css控制DOM对象旋转  css控制HTML DOM对象旋转任意角度,兼容IE,firefox,chrome等主流浏览器,效果如下  源代码如下!DOCTYPE htmlhtml lang=enheadmeta http-equiv=Content-Type content=text/html; charset=utf-8titleDIV旋转属性的演示/titlemeta http-equiv=X-UA-Compatible content=IE=EmulateIE8 /style type=text/css body {font-family: Arial, sans-..