一.什么是浏览器兼容性问题 浏览器兼容性问题又称网页兼容性和网站兼容性问题，指网页在各种浏览器上的显示效果可能不一致二产生浏览器和网页间的兼容问题。在网站的设计和制作中，做好浏览器兼容，才能够让网站在不同的浏览器下都正常显示。而对于浏览器软件的开发和设计，浏览器对标准的更好兼容能够给用户更好的使用体验。 二.浏览器兼容性问题产生原因 因为不同浏览器使用内核及所支持的HTML等网页语言标准不...
下边的代码：box-button和box-cover都是绝对定位。box-cover是悬浮在box-button之上的，完全遮盖了box-button。box-cover绑定了click事件。box-button里面有文字，如果鼠标点击的区域没有文字，一切正常，但是如果点击在文字上，click事件就无效。当然只是在IE里面，我的是IE 10，大家有没有遇到过这种问题？请问怎么解决？ .box { position:relative; width:500px; margin:30px auto; } .box * {...
最近在负责一个微信H5 App项目，遇到一个郁闷的问题，手机浏览器查看网页时图标都是模糊的，有锯齿，电脑浏览器显示则是正常。大概知道是分辨率适配等类型的问题，后来网上查找了一些办法，大部分的解决方案都是设计一套放大1倍的图标，再压缩显示。 我们都知道标签可以通过固定宽高的方式来压缩大图，从而得到高清的显示效果，而图标一般用背景图来呈现，怎么搞呢？好吧，css3出了一个很牛逼的属性background-size可以直接设置背...
今天在操作表格的时候发现设置表格中行的边框没有显示，然后自己新建了一个表格发现确实不显示 无标题文档 } tr{ border:1px solid #ccc; } 内容 内容 内容 内容 内容 内容 内容 内容 内容 在浏览器中预览不显示 后来查到只需要加上一句代码就显示 table{ border-collapse: collapse; } 后来查了下手册对...
采用”FLOAT：LEFT“的DIV在IE8、IE7、都没问题，IE6下却向下移动，出现空白。这是因为，IE6采用的内核默认把DIV之间的距离增 加了3~5个PX，所以，试试是将下移的DIV的STYLE里增加"margin-left:-5px;"或者更小。解决IE7、IE8样式不兼容问题 方法一、要在页面中加入如下HTTP meta-tag: 只要IE8一读到这个标签，它就会自动启动IE7兼容模式，保证页面完整展示。 方法二、针对整个网站，在IIS中加入如下描述符就可以有相同的效果...
有一个DIV元素，其内部SPAN元素， 为了实现一些特殊的效果，我需要利用DIV元素的onmouseover和onmouseout事件，测试时就会发现如下的状况： 当鼠标移入DIV内部时，onmouseover事件被触发；接着再鼠标移动到DIV内部SPAN元素之上，我们肯定不会认为这时鼠标已经移到了DIV的外边，但奇怪的是DIV元素的onmouseout事件触发了，而且紧接着DIV元素onmouseover事件也马上被触发了。 这可不是我想要的，那么怎么来“屏蔽”内部元素给外层...
两个或多个毗邻的普通流中的块元素垂直方向上的 margin 会折叠，那么如何使元素上下margin不折叠呢？下面的方法或许对大家有所帮助 一、首先你要知道什么情况下会触发：两个或多个毗邻的普通流中的块元素垂直方向上的 margin 会折叠 1.两个或多个 说明其数量必须是大于一个，又说明，折叠是元素与元素间相互的行为，不存在 A 和 B 折叠，B 没有和 A 折叠的现象。 2.毗邻 是指没有被非空内容、...
一、准备工作 1、什么是 npm? npm 是nodejs的包管理工具，主要功能就是管理、更新、搜索、发布node的包。Gulp 就是通过 NPM 安装的。关于 NPM 中文介绍，这里有一篇非常不错的文章：http://www.cnblogs.com/chyingp/p/npm.html 完整的 NPM 文档请看这里 ：https://docs.npmjs.com 2、安装 Node.js 并升级 NPM 到最新版本 nodejs 安装：打开 nodejs.org 下载 nodejs 安装包，并根据提示安装，这里不做...
我在admin目录下使用kindeditor编辑框上传图片，但是返回的图片路径，死活前面都会加个/admin/，但我上传的图片压根不在admin目录下，求解？？？ 回复讨论(解决方案) 这坑爹的，求大神救命。 用jq干掉生成的admin... 或者找到上传img的js脚本代码，，，从里边把拼装地址的语句中的admin删除。。。。
在HTML开头统一规范下编码格式：
目前互联网对于网页效果要求越来越高，不可避免的用到PNG图片，PNG分为几种格 式，PNG8 PNG24 PNG32,其中最常用的，也是显示效果和大小比较适中的则是PNG24,支持半透明，透明，颜色也非常丰富，但由于咱们国人使用IE系列或以IE为内核系列的浏览器占大多数，并且由于 WINDOWS XP在国内市场份额比较大，并且XP上好多人还在用IE6 IE7 IE8等浏览器，而这些浏览器对于PNG支持或多或少都有差距，IE6完全不支持PNG，IE7 IE8支持PNG不完全，...
IE6不支持min-height如何解决高度自适应问题:IE6问题多多，给大家带来了诸多烦恼，这里介绍一下因为IE6浏览器不支持min-height属性，从而导致了高度无法自适应的问题。在其他标准浏览器中，我们可以使用min-height属性给容器规定一个最小高度，如果内容超过这个最小高度，容器会自动被撑开以达到高度自适应效果，但是IE6浏览器并不支持这个属性，不过IE6本身就有高度自适应的特点，或许大家会认为只要同时使用height和min-height属...
IE6浏览器下3px解决方法:IE6下的3px问题的产生主要应该归咎于书写不规范造成的，比如我们要写一个左右两列的结构，代码如下: 蚂蚁部落.parent { width:300px; height:300px; background-color:red;}.left { float:left; width:100px; height:100px; background-color:green;}.right { width:100px; height:100px; background-color:blue} 以上代码中，左边的div是浮动的，第二个div非浮动的，这样的话在I...
解决IE6下无法设置滚动条颜色一般设置滚动条样式的时候会使用如下CSS代码:body { scrollbar-face-color:#f6f6f6; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#eeeeee; scrollbar-3dlight-color:#eeeeee; scrollbar-arrow-color:#000; scrollbar-track-color:#fff; scrollbar-darkshadow-color:#fff; }但是在IE6下不管用。解决方法就是将body改为html即可，修改后代码如下:html { scrollbar-face-color:#f6f6f6; sc...
IE6浏览器下div无法遮盖select下拉框解决方法:在IE6浏览器下，select下拉框无法被div遮盖，其他的主流浏览器都是正常的。这里简单介绍一下如何解决此问题。默认状态下IE6的表现: IE6下无法覆盖select-蚂蚁部落.mydiv{ width:300px; height:300px; position:absolute; background-color:green; left:50px;} div+css专区 jQuery专区 以上代码在IE6浏览器下就会显现出此问题，在其他主流浏览器中是正确显示。解决方...