microsoft.xmldom加载xml错误缺少所需的空白区

评论(0)浏览(34)分类:HTML/CSS兼容/XML
microsoft.xmldom加载xml错误缺少所需的空白区  用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(..

js css3 3d翻牌效果

评论(0)浏览(50)分类:HTML/CSS兼容/XML
js css3 3d翻牌效果!doctype htmlhtml lang=enhead meta http-equiv=Content-Type content=text/html; charset= utf-8 titlecss3 3d翻牌效果/title style* {margin:0;padding:0;list-style-type:none;}.warperMain01_2 {height:auto;background: #eff1f0;font-family:微软雅黑;overflow:hidden; margin:0 !important; padding:5em 0;}.warperMain01_2 h1{..

chrome frameset鼠标调整宽度后设置rows无效

评论(0)浏览(59)分类:JavaScript/Ajax
chrome frameset鼠标调整宽度后设置rows无效  chrome浏览器下,frameset中的frame没有设置为noresize时,是可以通过鼠标来拖拽更改frame大小的(多有浏览器都可以),但是在chrome下如果鼠标拖拽更改过frame的大小,再设置frameset的rows/cols属性后,将无效,不会按照rows/cols设置的大小更改frame大小。如果要实现某个frame显示隐藏,将不会隐藏frame。  测试代码如下1.htmlframeset..

css快递订单跟踪圆点图

评论(0)浏览(624)分类:HTML/CSS兼容/XML
css快递订单跟踪圆点图  纯css实现线路走向圆点图,快递订单跟踪线路图形,效果如下  圆点使用了css3的border-radius,IE8-不支持,所以显示的是正方形。  css快递订单跟踪圆点图源代码如下style body{padding:50px} ul.list{border-left:solid 2px #999;padding-left:20px;margin:0px} ul.list li{position:relative;border-bottom:solid 1px #999;li..

去掉移动端浏览器连接点击高亮背景色

评论(0)浏览(181)分类:HTML/CSS兼容/XML
去掉移动端浏览器连接点击高亮背景色  移动端浏览器打开网页,点击里面连接时会出现一个高亮灰色背景色,如何去掉这个高亮灰色背景色?webkit核心浏览器可以使用-webkit-tap-highlight-color:transparent设置为透明色不显示。  去掉移动端浏览器连接点击高亮背景色代码如下第一个链接点击有灰色高亮背景第二个连接点击无灰色高亮背景meta name=viewport content=width=device-w..

·在html页面中显示乱码解决办法

评论(0)浏览(125)分类:HTML/CSS兼容/XML
·在html页面中显示乱码解决办法  今天修改一个客户网站,发现中文符号点,就是键盘上Esc键下那个中文点号,在一些系统的浏览器上显示一个框框,为乱码,但是在本人电脑上却可以正常显示为中文点号,其他电脑也正常显示,就公司里面有2台电脑是这个问题(这2台电脑其他浏览器打开也是一个框框乱码,如下图所示)。  检查后发现这些内容字体为Microsoft Yahei,Arial,Helveti..

使png图片在ie6浏览器下也支持透明

评论(0)浏览(85)分类:HTML/CSS兼容/XML
使png图片在ie6浏览器下也支持透明没有使用滤镜来修正ie下png透明的效果,这样会出现灰色的边。stylebody{background:#000000;margin:100px;}.kuang{background:url(/images/kuang.png) no-repeat center center ;width:134px;height:144px;}/style div class=kuang/div使用滤镜及important【for w3c】后,灰色边框不见了,效果一比较就知道stylebody{background:#000000;margin:..

IE/Firefox/W3C浏览器代码触发事件

评论(0)浏览(65)分类:JavaScript/Ajax
IE/Firefox/W3C浏览器代码触发事件  firefox或者w3c浏览器没有直接在DOM中添加onclick事件,而是通过addEventListener添加事件时,无法使用 DOMObject.onclick()使用这种方法触发事件,但是可以通过dispatchEvent来触发。  测试代码如下div id=dvEvtdiv的内容/divinput type=button value=触发事件 onclick=btnFireEvent() /script type=text/javascript var dv; windo..

CSS表格固定表头示例

评论(0)浏览(457)分类:HTML/CSS兼容/XML
CSS表格固定表头示例  css+JavaScript实现表格的表头固定效果,页面滚动,表头处于页面最顶端。  CSS表格固定表头示例代码如下!doctype htmlhtml headtitleCSS表格固定表头/titlemeta http-equiv=Content-type content=text/html; charset=utf-8style type=text/css* html,* html body /* 修正IE7振动/闪动bug */{background-image:url(about:blank);background..

网页设计行业的初学者学什么

评论(0)浏览(48)分类:HTML/CSS兼容/XML
网页设计行业的初学者学什么近来因为要到大学学校里搞演讲的原因,有很多朋友问我网页设计都需要学什么?因此写了这篇文章来讨论一下要参加此网页设计行业的初学者学什么最直接最有效果最占优势。  那么在讨论之前,我们先来了解一下网站工作的分工。  现在大型网站在开发方面都需要什么人呢?大致上分三种,一是服务器系统维护,程序开发的人员,工作是是管理维护系统..

IE子元素float left碰到父容器边界子元素居右bug

评论(0)浏览(96)分类:HTML/CSS兼容/XML
IE子元素float left碰到父容器边界子元素居右bug  IE下一个简单的css菜单,父元素li float布局,position relative,子菜单ul position absolute定位定宽,然后子菜单li元素也是float定位,定宽,为父元素宽度1/2,设置line-height,并排显示2个,但是发现在ie8+下,有个子菜单的li居然居右,firefox,chrome,ie7(IE就是怪咖啊,ie7尽然正常,ie8+不正常)下显示正常。  结构大概如下IE8..

子容器margin-top为何会影响父容器位置

评论(0)浏览(74)分类:HTML/CSS兼容/XML
子容器margin-top为何会影响父容器位置  子容器设置css设置margin-top,如果子容器和父容器直接没有内容,由于css盒式模型,将会导致子容器和父容器的margin-top叠加,导致父容器也会继承子容器的margin-top,导致父容器顶部出现空白。  示例代码如下,cs父容器aa继承了cs设置的martin-top!doctype htmlstyle .main{margin-left:100px;width:500px;height:500px;border:solid ..

浏览器Html5 Video支持的视频格式

评论(0)浏览(559)分类:HTML/CSS兼容/XML
浏览器Html5 Video支持的视频格式  浏览器Html5 Video标签支持的视频格式:浏览器 | 影音格式Ogg TheoraMP4(H.264)WebMMicrosoft Internet Explorer9╳○╳Mozilla Firefox5+○╳○Google Chrome13+○○○Apple Safari5+╳○╳Opera11+○╳○从上表中可以知道,只要准备好Mp4与Ogv二种影音格式即可兼容所有支持video标签的浏览器。 video width=640 height=360 preload co..

iframe和父页,window.open打开页面之间的引用

评论(0)浏览(1283)分类:JavaScript/Ajax
iframe和父页,window.open打开页面之间的引用  iframe和父页,window.open打开页面和被打开页面之间的关系可以通过下面的对象获取到  1)通过iframe加载的,在iframe中用parent对象得到父页window作用域,如果iframe中又加载了iframe,在最里层的iframe中需要重复调用parent直到得到需要的父页作用域(如parent.parent)。如果是直接引用最顶级的父页作用域,可以使用top对象。  2)父页..

禁止textarea拖拽更改大小

评论(0)浏览(100)分类:HTML/CSS兼容/XML
禁止textarea拖拽更改大小  textarea在高版本的Firefox,chrome等浏览器下,textarea会在右下角出现一个小图标,拖动图标可以更改textarea的大小。textarea style=width:300px;height:100px;/textarea  要想拖动textarea右下角图标更改textarea大小,可以增加resize:no属性,textarea就不可以拖动更改大小了,右下角的图标也消失不见。textarea style=width:300px;he..

css打造下拉菜单

评论(0)浏览(82)分类:HTML/CSS兼容/XML
css打造下拉菜单  纯css写的菜单,通过:hover伪类控制子菜单的显示,ie6-不支持非连接对象的伪类,需要自己写js代码进行兼容,不过可以考虑放弃ie6了,应该没人再用了吧?!doctype htmltitle简单纯css菜单/titlestyle ul,li{list-style:none;margin:0px;padding:0px} ul.menu li{margin-left:10px;float:left;position:relative;line-height:20px}/*注意..

css3浮动层变大变小切换效果

评论(0)浏览(451)分类:HTML/CSS兼容/XML
css3浮动层变大变小切换效果  一个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..

通过@media screen控制网站在移动端显示

评论(0)浏览(614)分类:HTML/CSS兼容/XML
通过@media screen控制网站在移动端显示  今天下午花点时间将本站css进行修改,通过@media screen max-width/min-width将本站在移动端浏览器下显示得更加友好。  本站在分辨率宽度680px一下显示如下  如果您在电脑端浏览本站使用的标准浏览器(IE9+,firefox,chrome等),可以缩小浏览器窗口大小到680px以下可以看到效果。  利用@media screen实现网页..

选中网页内容弹出按钮点击发送选中内容到服务器

评论(1)浏览(122)分类:JavaScript/Ajax
选中网页内容弹出按钮点击发送选中内容到服务器  效果:在网页中选中一段内容后,自动弹出一个按钮,点击按钮可以将选中的内容回发到服务器。  实现方法:用javascript添加document.onmouseup事件,用range API判断是否选中内容,选中内容则弹出按钮,给按钮绑定点击事件,点击后将选中的内容使用ajax发送到服务器端。  选中网页内容弹出按钮点击发送选中内容到服务器源代码如下script ..

修改input file控件默认浏览文字

评论(0)浏览(673)分类:HTML/CSS兼容/XML
修改input file控件默认浏览文字  如何修改html input file控件默认的浏览(firefox和ie)或者选择文件(chrome)显示内容。解决办法:用一个透明的file控件浮动到你的自己的提示文字或者图片上即可。注意:IE下必须要调整默认的按钮位置对到你的文字上,前面显示文件路径的那部分覆盖住提示文字需要双击才能弹出文件选择窗口。自己调整input的font-size属性变换file控件大小..

IE透明滤镜alpha失效解决办法

评论(0)浏览(78)分类:HTML/CSS兼容/XML
IE透明滤镜alpha失效解决办法  IE的透明滤镜filter:alpha(opacity=40)在未添加xhtml申明时会不起效果。即使添加了xhtml申明,IE7也无效。IE7下xhtml申明alpha滤镜无效IE8无xhtml申明也无效源代码如下!DOCTYPE htmltitleIE透明滤镜alpha失效/titlestyle#dvTable div.opc4{opacity:0.4;filter:alpha(opacity=40);}#dvTable div.opc4:hover{opacity:1;filter:alpha(opacity=1..

让IE6,IE7支持display inline-block

评论(0)浏览(86)分类:HTML/CSS兼容/XML
让IE6,IE7支持display inline-block  IE6,IE7对css样式display inline-block的支持有问题,需要经过css hack后才会支持。注意:IE8需要加xhtml申明变为css1compat模式才会支持inline-block,backcompat模式不支持,但是可以通过css hack来实现,和IE7-一样。  要想让IE6,IE7支持css样式display inline-block,有下面2种方法1、先使用display:inline-block属性触发块元素,然后..

img hspace/vspace失效解决办法

评论(0)浏览(147)分类:HTML/CSS兼容/XML
img hspace/vspace失效解决办法  html img标签添加了hspace,vspace属性后确没有作用,图片紧靠文字解决办法。  img标签添加了hspace,vspace属性后确没起作用,一般是样式中定义了img,设置了margin导致的,如下,上图的图片添加了hspace为10,但是文字还是紧靠图片,查看图片样式后发下有如下的css设置过img的margin为0。  将这个样式中的img去掉后,img设置hspace,v..

css3 3d翻牌效果

评论(0)浏览(178)分类:HTML/CSS兼容/XML
css3 3d翻牌效果  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完全取消同源访问策略控制

评论(0)浏览(583)分类:HTML/CSS兼容/XML
chrome完全取消同源访问策略控制  由于chrome的同源访问策略,会导致即使是本地测试js效果时也会报错。chrome本地测试访问iframe,parent,opener null解决办法配置chrome支持本地(file协议)ajax请求chrome无法保存本地设置cookie解决办法  具体问题问题解决办法参考上面的文章。如果想一次性解决上面的所有问题,可以增加--disable-web-security启动参数,怎么增加启动参..

chrome本地测试访问iframe,parent,opener null解决办法

评论(0)浏览(2501)分类:HTML/CSS兼容/XML
chrome本地测试访问iframe,parent,opener null解决办法  使用谷歌chrome浏览器时,如果双击运行或者拖拽html文件进入chrome中以file协议查看js效果,由于chrome的同源策略,父页无法访问iframe中的内容,iframe也无法通过parent对象获取父页的引用。同样对于window.open打开的本地网页,也无法通过opener或者存储打开页面的句柄来访问被打开的页面,在chrome控制台会出现下面类似的错误信息Uncaugh..

div模拟select左右移动效果

评论(0)浏览(92)分类:JavaScript/Ajax
div模拟select左右移动效果  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分组添加分页

评论(0)浏览(628)分类:extjs
Ext Grouping Grid分组添加分页  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输入元素input,textarea继承父节点margin-left值解决办法

评论(0)浏览(573)分类:HTML/CSS兼容/XML
IE6,IE7,IE8输入元素input,textarea继承父节点margin-left值解决办法  在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..