浏览器与css的兼容,CSS浏览器兼容性与解决

一、超链接访问后hover样式不出现

1、现象描述：

同时设置了a:visited和a:hover样式，但一旦超链接点击过后，hover的样式就不再出现了。

2、解决方法：

调整样式顺序为先a:visited再a:hover即可。

a标签四种状态的排序：l(link)ov(visiter)e h(hover)a(active)te

二、行内元素上下margin和padding不拉开元素间距

1、现象描述：

行内元素的margin和padding在水平方向的都产生边距效果，但竖直方向的都没有效果。

(1)HTML代码：

块级元素

行内元素

(2)CSS代码：

div {

background: gray;

padding: 20px;

}

span {

background: green;

padding: 20px;

margin: 20px;

}

2、解决方法：

将行内元素display设置为block或inline-block即可。

(1)CSS代码：

span {

background: green;

padding: 20px;

margin: 20px;

display: block/inline-block;

}

三、浮动背景：

解决浮动背景，可在

之间相应的位置输入以下代码：

四、list-style-image无法准确定位的问题：

解决list-style-image无法准确定位的问题，可在

之间相应的位置输入以下代码：

五、设置滚动条的颜色：

设置滚动条的颜色，可在

之间相应的位置输入以下代码：

六、innerText在IE下正常，但在FireFox下却不行：

解决此问题需要textContent：

(1)JQuery代码：

if(navigator.appName.indexOf('Explorer') > -1) {

document.getElementById('element').innerText = 'My text';

} else {

document.getElementById('element').textContent = 'My text';

}

七、ul和ol的列表缩进问题：

消除ul和ol的列表缩进问题，应写成如下样式：

ul {

padding:;

margin:;

list-style: none;

}

ol {

padding:;

margin:;

list-style: none;

}

【转】CSS浏览器兼容性与解析问题终极归纳

1.怪异模式问题:漏写DTD声明,Firefox仍然会按照标准模式来解析网页,但在IE中会触发怪异模式.为避免怪异模式给我们带来不必要的麻烦,最好养成书写DTD声明的好习惯. 2.IE6双边距问题:在 ...

HTML+CSS浏览器兼容性问题

浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同 问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大. 碰到频率:100% 解决方案:CSS里    ...

CSS浏览器兼容性问题解决方法总结

CSS浏览器兼容解决总结如下: 1. CSS中几种浏览器对不同关键字的支持,可进行浏览器兼容性重复定义 !important 可被FireFox和IE7识别 * 可被IE6.IE7识别 _ 可被IE6 ...

浏览器的兼容性(CSS浏览器兼容性、CSS hack)

一.关于CSS hack(尽量不用或者少用,减少页面复杂度) 1.条件注释法:(我的测试是IE9及其以下才有效) 这种方式是IE浏览器专有的Hack方式,微软官方推荐使用的hack方式.举例如下 只在 ...

javascript和css浏览器兼容性总结

一些浏览器的兼容性做一个总结的问题以下: 为什么会出现这样的现象是?主要表现为Firefox这样的良好支持的浏览器W3C标准,这是现在CSS支持最好的浏览器,和ie它比较早出现,在w3c支持一直没有做 ...

CSS浏览器兼容性与解析问题终极归纳

1.怪异模式问题:漏写DTD声明,Firefox仍然会按照标准模式来解析网页,但在IE中会触发怪异模式.为避免怪异模式给我们带来不必要的麻烦,最好养成书写DTD声明的好习惯. 2.IE6双边距问题:在 ...

CSS浏览器兼容性问题集()两

11.非常适合    高度适合于被改变时所述内目标高度的外层的高度不能自己主动调节,尤其是排队对象时margin 要么paddign 时. 例:   #box {background-color:#e ...

css 浏览器兼容性问题解决

一个.!important (功能有限)   随着IE7正确!important支持, !important 方法现在只IE6兼容.(注意措辞.我记得这句话需要推进的位置.)   : #example ...

随机推荐

UI神器-SOUI

前言 在Windows平台上开发客户端产品是一个非常痛苦的过程,特别是还要用C++的时候.尽管很多语言很多方法都可以开发Windows桌面程序,目前国内流行的客户端产品都是C++开发的,比如QQ,YY ...

Git 基础

取得项目的 Git 仓库 有两种取得 Git 项目仓库的方法.第一种是在现存的目录下,通过导入所有文件来创建新的 Git 仓库.第二种是从已有的 Git 仓库克隆出一个新的镜像仓库来. 在工作目录中初 ...

MySQL批量杀进程

OS: CentOS 6.3 DB:5.5.14 mysql> show processlist;+----+------+-----------+--------------------+-- ...

MyEclipse/Eclipse 使用图文详解

引言 某天在群里看到有小伙伴问MyEclipse/Eclipse的一些使用问题,虽然在我看来,问的问题很简单,但是如果对于刚刚学习的人来说,可能使用就不那么友好了.毕竟我在开始使用MyEclipse/ ...

poj 2299 Ultra-QuickSort(树状数组求逆序数+离散化)

题目链接:http://poj.org/problem?id=2299 Description In this problem, you have to analyze a particular so ...

用 k8s 运行一次性任务 - 每天5分钟玩转 Docker 容器技术(132)

容器按照持续运行的时间可分为两类:服务类容器和工作类容器. 服务类容器通常持续提供服务,需要一直运行,比如 http server,daemon 等.工作类容器则是一次性任务,比如批处理程序,完成后容 ...

Java不走弯路教程(5.Client-Server模式(2)-Client)

5.Client-Server模式(2)-Client 在上一章,我们完成一个简单的数据库服务器,并在客户端用telnet方式成功进行通信. 本章将用Java实现客户端程序,来代替telnet. 先看 ...

WindowUtils【窗口工具类】

版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 判断当前界面是横屏还是竖屏: 获取当前界面方向. 效果图   代码分析 isLandscape(Context context): ...

ZJOI2019做题笔记

麻将(期望.DP套DP) 先考虑如何计算一个子集是否能胡. 设\(f_{i,0/1,j,k}\)表示考虑了子集中\(1 \sim i\)的牌,是否找到对子,\(i-1,i,i+1\)预计拿\(j\)个 ...

XVIII Open Cup named after E.V. Pankratiev. Eastern Grand Prix

A. Artifacts 建立语法分析树,首先根据上下界判断是否有解,然后将所有数按下界填充,线段树判断是否存在和超过$K$的子区间. B. Brackets and Dots 最优解中一定包含一对中 ...