博客首页 → 浏览器兼容

最新文章列表

低版本 Internet Explorer 淘汰行动

【前言】    介绍个低版本 Internet Explorer 淘汰行动，这里我直接把源码放过来，想用的直接在文档里判断IE版本。然后重定向页面即可   【主体】       自2014年4月8日起，Microsoft 不再为 Windows XP 和 Internet Explorer 8 及以下版本提供相应支持和更新。如果你继续使用这些，你将可能受到病毒、间谍软件和其他恶意软件的攻击 ...
前端积累CSS浏览器兼容 
青春..荒唐 评论(0) 有1683人浏览 2018-04-13 16:55

content = "IE=edge,chrome=1" 详解

【前言】     今天看到一个问题，在网页中设置X-UA-Compatible为IE=edge,chrome=1就不用兼容IE低版本了吗？     在网页中使用这段代码 <meta http-equiv=" ...
前端积累CSS浏览器兼容 
青春..荒唐 评论(0) 有1126人浏览 2018-03-29 07:55

css 伪类:last-child等不起作用

【前言】     今天学生练习项目遇到不少问题，这里列举一个：css 伪类:last-child等不起作用？   【详解】      首先我再强调下，伪类选择器`:first-child`和`:last-child`是根据父级进行筛选的。所以如果想对某个尾部元素设置样式，必须在之前加上父级元素。即子元素 父级元素:last-child 子元素。 <style> #icons ...
CSS浏览器兼容学生提问 
青春..荒唐 评论(0) 有2429人浏览 2018-03-24 22:35

margin外边距合并的问题

在我初学css的时候，关于css盒模型的外边距合并问题，迷惑了我很久。在写demo的时候，我只是尽量避免两个div外边距合并，怕出现各种各样匪夷所思的bug。        工作不久，经过几个项目的洗礼，这个以前让我迷惑的问题，终于有了深刻的理解。         我对其总结如下：         一、当一个div在另一个div里，两个div都有margin的属性，想让这两个div不出现外边 ...
CSS前端积累浏览器兼容 
青春..荒唐 评论(0) 有930人浏览 2018-03-24 16:00

去除inline-block元素间间距的N种方法

【前言】        最近做移动端页面时，经常会用到inline-block元素来布局，但无可避免都会遇到一个问题，就是inline-block元素之间的间隙。这些间隙会导致一些布局上的问题，需要把间隙去掉。对于inline-block元素及去掉间隙的方法，在这里做一个简单的总结。   【列表】 （1）inline-block是什么？ （2）inline-block兼容性 （3）i ...
CSS浏览器兼容 
青春..荒唐 评论(0) 有1088人浏览 2018-03-18 16:03

解决IE不支持placeholder的问题

【前言】      在实践过程中发现jquery.placeholder.js对placeholder支持的效果不是特别理想，placeholder属性值时而会消失，所以建议采用原生JS方案。   【代码】 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
CSS浏览器兼容学生提问 
青春..荒唐 评论(0) 有1941人浏览 2018-03-16 23:27

解决nth-child（n）属性在IE8浏览器中兼容性问题

【前言】     学生提问：nth-child（n）属性在IE8浏览器失效方案？   【案例】    在项目中经常用到nth-child（n）属性，如下所示   <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo测试& ...
CSS浏览器兼容学生提问 
青春..荒唐 评论(0) 有1891人浏览 2018-03-16 23:15

解决IE不支持display:inline-block

【前言】    关于IE不支持display:inline-block的问题，这是浏览器兼容的问题。随着所做项目的积累和学习深入后，都会开始接触兼容的问题。    现在 ...
学生提问CSS浏览器兼容 
青春..荒唐 评论(0) 有1908人浏览 2018-03-16 22:56

解决网页分辨率的方法

【前言】     还记得第一次做网站的时候，就遭遇到这种问题，制作的网页在同事的显示器上扭曲了，原因是做网站时，没有考虑到不同显示器的分辨率，固定的网页自然不是被拉伸就是分尸。     解决办法有以下几点：     一：创建各种不同分辨率下的页面；     二：给不同分辨率做不同的样式文件，依然用js判断；     三：和方法二差不多，给不同分辨率做不同的样式文件，使用媒体查询来判断； ...
常见特效CSS浏览器兼容前端积累笔记随笔 
青春..荒唐 评论(0) 有1267人浏览 2018-03-03 20:50

ie浏览器不兼容css媒体查询的解决办法

【前言】        之前讲解响应式布局时，只是举了几个简单例子。后直接开始BootStrap框架讲解，由于时间问题，对于兼容未做介绍。最近又有同学测试后发现IE不支持媒体查询@media，对此在这里做下记录，总结下ie浏览器不兼容css媒体查询的解决办法。   【问题】       考虑到在不同分辨率下，网站页面依然能显示一致，除了通过js来控制，css媒体查询更为方便，而痛点在于i ...
CSS浏览器兼容学生提问 
青春..荒唐 评论(0) 有3342人浏览 2018-03-02 21:16

IE支持rgba半透明的方法

低版本IE下不支持rgba()的表示方法，怎么办？ background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient( startcolorstr=#7F000000,endcolorstr=#7F000000); 　　使用上面代码就可以实现了！ 　 ...
CSS浏览器兼容 
青春..荒唐 评论(0) 有750人浏览 2018-02-06 19:24

IE兼容opacity

【引文】 CSS3的透明度属性opacity想必大家都已经用的无处不在了。而对于不支持CSS3的浏览器如何进行透明处理，保持浏览器效果的一致，这个估计谁都会写，但是涉及到filter的具体语法含义和各版本写法的不同区别，很多人都搞不准确，我曾经问过许多群里的大牛，说的都不是很准确，网上的说法就更五花八门了。今天呢，主要是重新温习一下这个属性，并实际测试来说明正确的写法，和IE各版本的支持度和书 ...
CSS浏览器兼容 
青春..荒唐 评论(0) 有1120人浏览 2018-02-06 19:24

CSS hack的写法

      对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。我们就可以根据这个来针对不同的浏览器来写不同的CSS。 　　比如 IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"，而firefox两个都不能认识。等等 【书写顺序】 一般 ...
CSS浏览器兼容 
青春..荒唐 评论(0) 有670人浏览 2018-02-04 19:38

IE常见BUG总结

{备注：关于margin的相关问题有待验证，今天精力有限，做下备注，以后完善}   研究后发现，IE下许多BUG都与IE私有属性haslayout有关，那么接下来我们总结下IE中因为haslayout导致的bug。关于haslayout属性我在之前文章里做过总结，希望大家批评指正   【目录】 1、浮动元素与普通元素之间产生3px bug 2、块级元素与浮动元素不会重叠 3、浮动闭 ...
CSS浏览器兼容 
青春..荒唐 评论(0) 有624人浏览 2018-02-04 15:32

IE6双倍内外边距解决方案

IE6下双倍内外边距Bug的处理办法 【注意】 双倍内边距表现为宽高都*2，而双倍外边距则表现为宽*2，即水平外边距*2   （1）先来讲下双倍内边距padding ie6的padding属性hack，padding属性在ie6下的hack! 【问题】在ie6下使用padding的话,数值乘2倍增长 【方案】只能用!important来调整! 例如x容器样式是这样 .x{wid ...
CSS浏览器兼容 
青春..荒唐 评论(0) 有716人浏览 2018-02-03 17:18

浮动覆盖与文字围绕浮动解析

           最近一直纠结于浮动和非浮动元素相邻时候的奇怪表现，按照我的理解，浮动元素浮动后就脱离了普通文档流，相邻的非浮动元素就会忽略浮动元素本来应该占有的那部分空间。            按照我之前的理解，那么我认为如果一个元素A浮动了，那么相邻的非浮动元素B一定会被A覆盖在下面了，但是实际情况中我有两个现象不解 【现象1】 为什么在IE6下面，浮动元素不能覆盖在相邻的非浮动 ...
CSS浏览器兼容 
青春..荒唐 评论(0) 有1022人浏览 2018-02-03 17:05

Web前端浏览器兼容初探

为什么会有兼容问题？ 　　由于市场上浏览器种类众多，而不同浏览器其内核亦不尽相同，所以各个浏览器对网页的解析就有一定出入，这也是导致浏 ...
CSS浏览器兼容 
青春..荒唐 评论(0) 有887人浏览 2018-02-01 21:51

IE6中的常见BUG与相应的解决办法

开发前端的同学一定都知道，IE6是兼容BUG最多的浏览器，它不支持PNG alpha通道暂且不论。其文档的解析理解规范也引起了诸多恼人的BUG，有时甚至让人感到绝望。本文主要讲解一些比较容易遇到的IE6BUG，以及解决的办法。 一、IE6双倍边距bug 当页面上的元素使用float浮动时，不管是向左还是向右浮动；只要该元素带有margin像素都会使该值乘以2，例如“margin-left:10 ...
CSS浏览器兼容 
青春..荒唐 评论(0) 有501人浏览 2018-02-01 21:37

IE浏览器支持CSS3属性（圆角、阴影、渐变）

            我们都知道，IE浏览器暂不支持CSS3的一些属性。国外的工程师们，不安于此现状，他们总是尽量使用一些手段使IE浏览器也能支持CSS3属性 ...
CSS浏览器兼容 
青春..荒唐 评论(0) 有902人浏览 2018-01-13 19:35

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics