css 在各种浏览器兼容调整

最新推荐文章于 2022-11-17 10:27:18 发布
最新推荐文章于 2022-11-17 10:27:18 发布
阅读量621 收藏
点赞数
分类专栏： html+css 文章标签： 浏览器 css ie firefox
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liushuai_andy/article/details/7380290
版权

\9   ie 6,7,8,9 都有效 margin-top:10px \9;

*    ie 6,7  有效 *margin-top:10px;

_    ie 6  _margin-top:10px;

写的时候按照从兼容的多到兼容的少的顺序来写



!important 在 CSS 中的意思就是优先调用，Firefox等认识它，但是ie不认识它（虽然i7e已经认识它了），因此我们可以利用它进行各个浏览器之间的微调。 margin-top:10px !important;



ie 7，ie 8 兼容 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />


andyliu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS常用浏览器兼容调整小结
09-25
用CSS+DIV来写网站代码的好处显而易见，这里不多说了，但由于不同浏览器对CSS的解释不统一，造成不同浏览器下页面错位的现象十分常见……
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
12-11
在页面点击”注册”，出现一层有不透明度的黑色遮罩；遮罩层的上方是注册框；此时无法点击页面上除注册框外的其他元素；点击注册框上的”随便逛逛”，遮罩层消失。 预览地址： http://jsfiddle.net/p2x3c7df/embedded/result/ 要点： 1.注册框始终水平、垂直居中，包括鼠标滚轮上下滚动页面、缩放页面和调整浏览器窗口大小时 主要由CSS控制，注册框的宽度和高度都已经确定( 620*420px )，首先使用position:fixed来使它相对于浏览器窗口绝对定位；然后使它垂直居中：top:50%; left:50%; margin:-210px 0 0 -310px
css浏览器兼容性问题
12-08
调整浏览器的兼容性，将一些常见的兼容性问题进行了汇总
CSS兼容性调整
04-26
css样式调整方案 前台构架师必读 css兼容各种浏览器
根据不同的浏览器对不同元素进行css调整
weixin_34259559的博客
09-06 185
<!if firefox> .element { top:4px; } <![endif]> <!if chrome> .element { top:6px; } <![endif]> <!if ie> .element { top:8px; } <![endif]> <!if ...
4种方案解决CSS浏览器兼容性问题
前端基础入门学习线路
02-25 4758
前端是一个苦逼的职业，不仅因为技术更新快，而且要会的东西实在太多了，更让人头疼的是，还要面临各种适配、兼容性问题。 4种方案解决CSS浏览器兼容性问题 为什么会有浏览器兼容性问题？ 还不是因为浏览器厂商太多了！ Chrome，Frirefox，Safari，Edge，IE6，IE7，IE8，IE9...360安全浏览器，qq浏览器，世界之窗，TT，搜狗，opera，maxthon...
css如何自适应浏览器的高度,div css 高度 宽度 自适应浏览器 屏幕大小
weixin_40000301的博客
08-03 1791
DIV布局——IT北瓜原创html,body{font: 100% 微软雅黑, 宋体, 新宋体;margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */padding: 0;text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */color: #FFF;...
针对不同浏览器的css样式
老高的博客
06-21 2984
  原文地址：http://blog.sina.com.cn/u/591ae29001000986IE7.0出来了，对CSS的支持又有新问题。浏览器多了，网页兼容性更差了，疲于奔命的还是我们，为解决IE7.0的兼容问题，找来了下面这篇文章： 引用内容 现在我大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导
css让盒子跟随浏览器的大小而自适应
qq_54030660的博客
11-17 3393
css让盒子跟随浏览器的大小而自适应变换
CSS3--设置元素宽度/高度根据浏览器高度自适应
smaaaaart的博客
05-22 1795
有时候需要页面内元素根据浏览器高度设定，可以用到以下写法： width:calc(100vw - 100px);//宽度是浏览器宽度减100px height:calc(100vh - 100px);//高度是浏览器高度减100px VW是width of view(port)的缩写，也就是浏览器的宽度 VH是height of view(port)的缩写，也就是浏览器的高度 ...
复制到剪切板 兼容(IE/FF/Chrome/..)
热门推荐
andyliu的专栏
05-31 1万+
最近做一个复制到剪切板的功能   在网上找了很多都不好用   最后发现在了  这篇文章很不错  简洁好用   贴出来  希望能帮到更多人 原文地址：http://www.lsproc.com/wiki/snippets:copytoclipboard 此代码修改自 discuz!, 简易实现 代码如下: var clipboardswfdata;
html5 placeholder 属性 并检测浏览器是否支持这个属性
andyliu的专栏
02-17 1747
今天看一段js代码的时候发现这样一段话 if ("placeholder" in document.createElement("input")) return true; else return false;这句话的意思是判断input对象中有没有placeholder属性。 Placeholder是HTML5新增的另一个属性，当input或者textarea设置了该属性后，该值的内容将作为
html css 的页面切图
andyliu的专栏
03-15 1393
*{margin:0;padding:0;list-style:none;} #tab, #tab li a:hover{background:url(ding.png) no-repeat;z-index:10} #tab{width:760px;height:42px;} #tab li{float:left;} #tab .l1 a{display:block;width:100px
css z-index 不起作用
andyliu的专栏
10-17 1368
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 注释：元素可拥有负的 z-index 属性值。 注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！ 不起作用的原因第一个原因：Z-index 仅能在定位元素上奏效 #a{width:200px;height:100px;posit
ios android 电脑端拖动
andyliu的专栏
09-30 1199
最近要做个一个手机端的拖动效果，在网上找到一个例子，最后自己改造了一下。实现了，兼容ios android 和电脑端的 拖动效果。 小记一下 主要知识点 1：与mousedown、mousemove、mouseup对应的触摸事件分别是touchstart、touchmove、touchend。             2：js 的 apply方法 apply() 方法有两个参
js 笔记 第一章在html中使用<javascript>标签 以及 html文档模式
andyliu的专栏
09-25 1158
1、 标签的defer  属性：延迟脚本执行 使用defer='defer' 属性可以让脚本在文档完全呈现完之后再执行，延迟脚本总是按照指定他们的顺序执行的。 2、 标签的async属性： 表示当前的脚本不必等待其他脚本，也不必阻塞文档的呈现。但是不能保证异步脚本按照他们在页面中执行的顺序执行。 Test alert('nihao');
meta 之 viewport 小记
andyliu的专栏
02-16 988
1、width : 控制viewport的大小，可以指定一个值，如600， 或者特殊的值，如device-width为设备的宽度（单位为缩放为100%的CSS的像素） 2、height : 和width相对应，指定高度 3、initial-scale : 初始缩放比例，页面第一次加载时的缩放比例 4、maximum-scale : 允许用户缩放到的最大比例，范围从0到10.0
web前端浏览器兼容性
最新发布
01-01
为了解决浏览器兼容性问题，前端开发者需要注意不同浏览器的差异性，并采用相应的解决方法来保证页面在各种浏览器中能够正确地展示和运行。以下是一些常见的解决方法和工具： 1. 使用polyfill库：Polyfill是一种...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值