一个css3动画效果，点击链接标签弹出详细内容层，从页脚升起然后平铺整个屏幕，而原来的内容层缩小。具体看效果了，装逼可以一用。嘿嘿。注意使用标准浏览器如chrome，firefox，ie8-就不要来凑热闹了。!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdstylehtml, bod..
通过div+css，可以取消鼠标移动到有title控件上时显示的系统默认提示。思路主要是设置控件的位置为position:relative，给控件内置一个span，设置position:absolute;，然后通过:hover伪类实现span display属性的控制，效果如下 源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/x..
在元素 A 上调用 offsetTop 属性时，必须按以下算法返回结果值： 如果元素 A 是 HTML 的 body 元素，其 display 属性计算值是 none，或者不具有 CSS 布局盒子，则返回 0，并停止本算法。 如果元素 A 的 offsetParent 是 null 或者是 HTML 的 body 元素，以 CSS 像素为单位返回元素 A 上边框距画布原点的垂直距离，并停止本算法。 以 CS..
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
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/..
用microsoft.xmldom加载xml文件时，如果xml文件添加了DTD，DTD元素名称和说明之间要存在空格，否则会报错。错误原因：缺少所需的空白区。错误行：1 测试代码如下test.htmlscript var xml = new ActiveXObject(microsoft.xmldom); xml.async = false; xml.validateOnParse = true; xml.load(book.xml); document.write(..
昨天在用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..
一个css3动画效果，点击链接标签弹出详细内容层，从页脚升起然后平铺整个屏幕，而原来的内容层缩小。具体看效果了，装逼可以一用。嘿嘿。注意使用标准浏览器如chrome，firefox，ie8-就不要来凑热闹了。!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdstylehtml, bod..
最近换了windows7系统，然后安装了IETest来测试IE浏览器不同版本的兼容性，发现IETest无法使用IE7环境选卡打开本地的文件，刷新了n次还是不行，不知道搞什么飞机。打开http网上的页面是可以的。 后面网上找了下，知道IE8自带的调试工具，开发人员工具可以选择IE7浏览器版本进行调试。如下来源：http://w3cfuns.com/home.php?mod=spaceuid..
offsetParent属性，在IE有那么几种模式，offsetParent.tagName返回的到底是什么，经过测 试，以某元素A为例，如果A是body元素，返回的是null。得到结果如下图所示： 说明：diplay为空表示元素显示不是none；position这列中的self,father,grandfather,root是 指元素A自身，A的父元素，一直到A的根元素。offsetParent和position是否定位，d..
今天在做一个浮动效果，由于IE6-不支持position:fixed，所以就对IE6-浏览器可以考虑使用IE专有css行为expression+position:absolute来实现。下面的代码全部在IE6-浏览器下测试。 HTML结构div class=ieexp浮动层/div 开始定义样式如下.ieexp{top:expression(document.body.scrollTop);left:0px;} 结果发现浮动层在IE下固定在了顶部，..
在IE浏览器下面，当文档申明为xhtml时，2个并排的在一起的输入控件，当一个输入框内容为非中文内容，另外一个为中文时，出现奇怪的问题。测试代码在最后1）IE8浏览器下面顶部会出现2px差距，没有对齐，并且输入框内的文字没有对齐，中文接近顶部，非中文内容和中文内容相差2px左右，如图一。图一2）IE7浏览器下面顶部对齐，但是输入框内的文..
在元素 A 上调用 offsetTop 属性时，必须按以下算法返回结果值： 如果元素 A 是 HTML 的 body 元素，其 display 属性计算值是 none，或者不具有 CSS 布局盒子，则返回 0，并停止本算法。 如果元素 A 的 offsetParent 是 null 或者是 HTML 的 body 元素，以 CSS 像素为单位返回元素 A 上边框距画布原点的垂直距离，并停止本算法。 以 CS..
HTML5 中的新功能位置信息浏览器支持情况隐私HTML5 Geolocation API构建实用应用结束语下载参考资料 关于作者 在 HTML5 中，当请求一个位置信息时，如果用户同意，浏览器就会返回位置信息，该位置信息是通过支持地理定位功能的底层设备（比如笔记本电脑或手机）提供给浏览器 的。位置信息由纬度、经度坐标和一些其他元数据组成。例如北京故宫..
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/..
2016-9-8：添加firefox支持。 绚丽的HTML5 CSS动画效果，请使用webkit内核的浏览器，如chrome运行示例。chrome运行后效果如下图所示源代码如下style body { background: black; width:100%;height:100%;overflow:hidden; position: relative; } .effect-wrapper { width: 400px; height: 400px;..
移动端浏览器打开网页，点击里面连接时会出现一个高亮灰色背景色，如何去掉这个高亮灰色背景色？webkit核心浏览器可以使用-webkit-tap-highlight-color:transparent设置为透明色不显示。 去掉移动端浏览器连接点击高亮背景色代码如下第一个链接点击有灰色高亮背景第二个连接点击无灰色高亮背景meta name=viewport content=width=device-w..
W3C标准中对css3的transition这是样描述的：css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。下面我们同样从其最语法和属性值开始一步一步来学习transition的具体使用语法: transition ： ['transition-property&..
css3水波纹动画效果style .wave { width: 200px; height: 200px; margin: 40px auto; display: flex; justify-content: center; align-items: center; border-radius: 50%; overflow: hidden; position: relative; } .wave::before, .wave::after { content..
DXImageTransform.Microsoft.Matrix滤镜实现对象内容的改变尺寸、旋转、上下或左右反转。 使用此滤镜可以建立下列效果： 左右反转。将 M11 和 M12 的值取负。 上下反转。将 M21 和 M22 的值取负。 改变尺寸。将 M11 和 M12 和 M21 和 M22 的值乘以相同的因数。对象内容尺寸会按比例增大或缩小。IE矩阵滤镜Matrix旋转与缩放及结合transform的拓展..
在使用在iframe线编辑器时，不管是fckeditor还是ewebeditor，当插入表格的时候，单元格内会出现默认的内容【空格】。此时如果用表格来定位图片和图注时，这个表格里面的显示内容在不同浏览器下会出现不同的显示。 当插入表格的时候，当单元格里面没有内容时浏览器会自动用空格来填充单元格的内容，这个空格很难看到，所以再向单元格内继续..