Web开发网 > Web前端开发 > Web前端开发教程 > HTML/CSS兼容/XML > 原创博文
首页 上一页 [1] [2] [3] [4] [5] 下一页 尾页 2/5页，每页显示30条，共122条相关记录
css3动画3d翻牌效果，请用firefox和chrome查看示例htmlheadtitlecss3 3d翻牌效果/titlestyle type=text/css.kuang{height: 300px;width: 200px;border: 2px solid black;position:relative}.poker{height: 300px;width: 200px;background-color: #00ffff;position: absolute;left: 0px;top: 0px;-webkit-transition:all 1s linear;-webkit-t..
由于chrome的同源访问策略，会导致即使是本地测试js效果时也会报错。chrome本地测试访问iframe，parent，opener null解决办法配置chrome支持本地（file协议）ajax请求chrome无法保存本地设置cookie解决办法 具体问题问题解决办法参考上面的文章。如果想一次性解决上面的所有问题，可以增加--disable-web-security启动参数，怎么增加启动参..
div模拟select option对象左右移动效果，同时增加右边货物自动增加效果。 源代码如下script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptstylea{text-decoration:none}.select{overflow:auto;width:100px;height:120px;float:left;border:solid 1px #ccc;line-height:20px; -moz-user-se..
Ext Grouping Grid增加分页效果，和普通的Ext Grid分页一样，增加PagingToolbar即可，然后依据PagingToolbar发送的分页参数page，返回需要的数据就行，配置分组后会自动分组返回的数据。 Ext Grouping Grid增加分页源代码如下groupgrid-paging.htmlhtmlhead meta http-equiv=Content-Type content=text/html; charset=utf-8 / titl..
在IE6，IE7，IE8（IE8未添加xhtml，在backpack模式下），如果父节点设置了margin-left属性，会导致输入元素如input，textarea继承父元素的margin-left导致偏移，测试代码和效果图如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdtitleIE6，IE7，IE8输入元素input..
IE7-下，同级元素使用relative定位时，如果子元素使用absolute定位，这个absolute定位的子元素会被处于这个元素的父元素的后面的同级元素所覆盖，导致z-index无效（一般解决IE7- z-index失效的问题主要是给父元素增加z-index），示例代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/..
今天碰到一个问题，IE7-浏览器下（或者Quirks模式下），如果设置设置子容器的innerHTML，当设置的内容为table并且包含了align=center，会导致父容器的offsetTop增加，从而使父容器向下移动。 测试代码如下，子容器table没有align=center属性，设置子容器不会修改父容器的offsetTop属性div id=bb style=border:1px solid gray;overflow:hi..
IE7-浏览器或者IE8浏览器下（没有添加xhtml申明的html），容器内部的浮动元素，当碰到容器的边界时，碰到边界的那个元素不会自动换到下一行显示，而是在当前行显示，超出剩余空间的文字自动在这个浮动元素内容换行显示，效果图如下firefox浏览器IE7浏览器IE6浏览器 源代码如下style.xx{zoom:1;width:200px;}.xx a{ float: left; fo..
对于一长串不会自动换行的字符串（如数字和字母连在一起的商品编号或者其他内容），会导致页面或者布局被撑破。要自动换行可以使用word-break:break-all（IE和chrome支持，firefox不支持）。!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdstyle.ellipsis{font-size..
checkbox/radio控件的属性之间的间隔一般是半角的空格进行分隔，如果value属性前出现了全角的空格，会导致这个控件的值为on，而不是设置的value值，测试代码如下input type=checkbox value=xx /颜色input type=radio value=0 /男input type=radio value=1 /女input type=radio value=2 /保密script var ipts = document.getElementsByT..
设置了table的对象的cellpadding属性后，如果table单元格间没有出现指定padding间距，那么应该设置过td的样式，增加了padding:0px的样式，这样设置table的cellpadding就不起作用了。 查找导入此页面的css文件或者内联style样式，找到类似的样式td{padding:0px}/*或者*/*{padding:0px} 加这个样式的人脑子绝对是被驴踢过了的。。测试代..
当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 ..
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 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..