一般在将div居中显示时，使用css： divX {margin:0 auto;} 此css在firefox下是好的，但是在ie下不起作用，网上看到原因如下： <div id="cnbruce">margin: 0 auto 看看内容居中否</div> 如上调试结果，IE6.0是不居中的，当然解决的办法可以是对网页主体“<body>”声明文本居中，即 复制代码代码如下:<style> body{text-align:center} #cnbruce{width:500px; background-color: #ccc; margin: 0 auto} </style> <div id="cnbruce">ma...
说明：本文档兼容性测试基础环境为：windows系统；IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51Bugs及解决方案列表（以下实例默认运行环境都为Standard mode）：如何在IE6及更早浏览器中定义小高度的容器？方法：#test{overflow:hidden;height:1px;font-size:0;line-height:0;}IE6及更早浏览器之所以无法直接定义较小高度的容器是因为默认会有行高如何解决IE6及更早浏览器浮动时产生双倍边距的BUG？方法：#test{displ...
CSS 中父级元素的高度一般由子元素撑开，不会特意设置高度，但是以下情况会造成父级元素高度坍塌，也就是高度为零，影响后面元素的排版。子元素使用绝对定位子元素浮动针对第一种情况，即子元素使用绝对定位，可以使用以下方案：子元素的绝对定位改为相对定位，如果可以改的话针对第二种情况，即由子元素浮动造成父元素坍塌，可以使用以下方案：/*父级元素绝对定位*/position: absolute/*父级元素添加*/overflow: hidden;/*伪元素清...
浮动，是CSS布局中必须经过的一道坎，如果不熟悉浮动，那么CSS的布局就如同空中楼阁，而谈到浮动，更多的是和div相结合，div是一个块级元素，这个我前面的博文有介绍，如果大家喜欢我的风格，可以搜索下。 下面我们进入正题，所谓浮动，可以用css的属性float来定义，比如float:left就是向左浮动，float：right就是向右浮动，我们先看一个不浮动的例子把，首先是这个html文件，这个文件我们是一直都不会动它了，它的内容如下：<...
2.1 常用的选择器1. 类型选择器 p { color: black; }2. 后代选择器 blockquote p { padding-left: 2em; }3. ID选择器 #intro { font-weight: bold; }4. 类选择器 .date-posted { color: #cccccc; }5. 伪类 a:link { color: blue; }6. 通用选择器 * { padding: 0; }7. 子选择器 #nav>li { padding-left: 20px; }8. 相邻同胞选择器 h1+p{ font-size: 1.4em; }相邻同胞选择器可用于定位同一个父元素下某个元素之后的元素；9....
在CSS中图片进行缩放操作后变模糊的解决办法: 加入如下样式即可img { image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode:nearest-neighbor;}无论是直接img标签还是background:url()都可以原文：https://www.cnblogs.com/chiyanzhanfeng/p/15174269.html
IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题，而FF、Chrome原生的浏览器支持是的优雅的圆角感觉较好，如何解决这个问题呢？ 一种比较传统的方案是放弃CSS3，使用背景图，但是这种方式也会有诸多问题，对页面结构改动较大，需要对自适应大小进行控制等，成本较高。 另外一种是百度了一下，发现有个开源的插件可以解决此问题：http://css3pie.com/使用方法很简单，下载了之后直接引用.htc文件即可。 ...
MMCSS服务的功能是运行于服务宿主Svchost.exe文件中，它能够自动提升音视频播放的优先级，以防止其他软件过分占用播放软件应得到的CPU时间，那么这样就会让分配在网络上的cpu时间变少，而多媒体播放都需要媒体流一个稳定的速率，当达不到这个播放需求时，就会导致win7系统变卡，该如何解决呢？下面就以番茄花园win7系统为例，跟大家分享一下因MMCSS服务让系统变卡的具体解决方案吧。 1、首先点击win7系统下的开始中的运行，并输入“...
最近写React一直在纠结样式的问题，今天找了篇看起来很不错的文章，认真读三遍先...原文链接：https://juejin.im/post/5b39e63ae51d4562aa017c81React拾遗：从10种现在流行的 CSS 解决方案谈谈我的最爱 （中）上篇 介绍了 React 现在流行的 CSS 解决方案。本篇就直接进入主题详细讲讲我最喜欢的解决方式之一：tachyons个人认为，tachyons 适合小的、样式不是重点的项目以及写 Demo， 但这不代表不能用 tachyons 完成大项目和漂亮的...
一个正常的空a标签： <a><p>鼠标悬停，鼠标样式不更改</p></a> 我没有给a标签设置href和target属性，此时鼠标悬停时，是不会让鼠标样式发生改变的。 当我给a标签的href属性设置成href="#"，让这个链接变成dead link,鼠标悬停时，鼠标样式就会发生改变了。 <a href="#"><p>鼠标悬停，鼠标样式更改</p></a>原文：https://www.cnblogs.com/xiaoycc/p/14825784.html
1、运用css3的nth-child(3n):<!DOCTYPE html><html><head><meta charset="UTF-8"><title>demo</title><style>*{margin:0;padding:0}.box{width:620px;padding:10px;background:#bbb;border:1px solid #f00;margin:0 auto;}.box ul{overflow:hidden;}.box ul li{list-style:none;width:200px;height:100px;background:#fff;float:left;margin-right:10px;margin-bottom:10px;}.box ul li:nth-child(3n){margin-right:0;}</style></h...
在使用scale放大元素的时候，发现里面的文字出现了动态的抖动效果，有点怪异，如下图： 解决方法~加上样式：*{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-perspective: 1000;-moz-perspective: 1000;-ms-perspective: 1000;perspective: 1000;} 最后的效果：原文：https://www.cnblogs.com/lulu-beibei/p/148618...
一、从浏览器内核的角度 来看，浏览器兼容性问题可分为以下三类： 1. 渲染相关：和样式相关的问题，即体现在布局效果上的问题。 2. 脚本相关：和脚本相关的问题，包括JavaScript和DOM、BOM方面的问题。对于某些浏览器的功能方面的特性，也属于这一类。 3. 其他类别：除以上两类问题外的功能性问题，一般是浏览器自身提供的功能，在内核层之上的。 二、浏览器兼容性相关问题及其解决思路1、目前，各主流浏览器的新...
今天angularjs的网站突然加载报错，提示Refused to execute script from ‘https://cdnjs.com/‘ because its MIME type (‘text/html‘) is not executable, and strict MIME type checking is enabled 后查看引用的//cdn.bootcss.com/require.js/2.1.11/require.min.js 无法打开。 解决方法：把所有 cdn.bootcss.com替换成cdnjs.cloudflare.com/ajax/libs原文：https://www.cnblogs.com/wsprince/p/10577939.html
复制代码代码如下:区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green !important;background:blue; 区别IE7与FF： background:orange; *background:green; 区别FF，IE7，IE6： background:orange;*background:green !important;*background:blue; IE7,IE8兼容: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 1. CSS中几种浏览器对不同关键字的支持，可...