浏览器与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 最优解中一定包含一对中 ...
浏览器与css的兼容,CSS浏览器兼容性与解决相关推荐
- [css] css中兼容ie浏览器的前缀是什么?
[css] css中兼容ie浏览器的前缀是什么 -webkit- 谷歌 -moz- 火狐 -o- opera -ms- ie 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定 ...
- 浏览器窗口的尺寸(兼容IE浏览器)
浏览器窗口的尺寸(兼容IE浏览器) 有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条). 对于Internet Explorer.Chrome.Firefox.Opera 以及 ...
- html邮件css 微信兼容,微信浏览器是移动终端的IE6吗?微信升级内核后的HTML5和CSS3兼容性摘要...
今年4月,自微信浏览器X5升级了Blink内核以来,前端社区出现了高潮,好像他们看到前端er一样,眼里含着泪,头疼,他们说: 最终您将无法再与此"移动终端上的IE6"兼容,可以早点 ...
- css 实现兼容各浏览器的渐变效果
2019独角兽企业重金招聘Python工程师标准>>> background: -moz-linear-gradient(left, #212121, #121212); /* Fi ...
- uc浏览器返回按钮的兼容_浏览器的返回、后退、上一页按钮的事件方法
我相信很多朋友像我一样,在百度.搜狗里面搜索很久都没找到方法.下面就来告诉大家怎样监听的方法: 首先我们要了解浏览器的history.大家知道在页面中我们可以使用JavaScript window h ...
- css位置-moz-兼容,兼容不同浏览器的CSS前缀-webkit-,-ms-,-moz-,-o-
笔者在工作实践中发现当需要CSS兼容不同的浏览器时,需要在CSS样式前加上不同的前缀,从而使其他浏览器也能够达到相同的页面效果. 那么我们怎么去加上这些前缀呢?我们一起带着疑问来进行学习: 1.前缀分 ...
- css hack *html,HTML_CSS Hack整理,CSS Hack是在标准CSS没办法兼容 - phpStudy
CSS Hack整理 CSS Hack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析CSS没有达成一致前,我们只能用这样的方法来完成这样的任务. 我进行前端开发的时候 ...
- html渐变不兼容,CSS实现兼容性的渐变背景(gradient)效果兼容众多浏览器
一.有点俗态的开场白 要是两年前,实现"兼容性的渐变效果"这个说法估计不会被提出来的,那个时候,说起渐变背景,想到的多半是IE的渐变滤镜,其他浏览器尚未支持,但是,在对CSS3支持 ...
- CSS浏览器兼容性与解决方法
一.什么是浏览器兼容性问题? 所谓的浏览器兼容性问题,是指不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况:而造成浏览器兼容问题的根本原因,是浏览器的内核不同导致的. 认识浏览器内核 ...
最新文章
- iOS10 UI教程基改变视图的外观与视图的可见性
- Mysql数据库(二)——mysql数据库管理
- Head First HTML与CSS、XHTML++笔记(第四章 WEB镇之旅 第五章 认识媒体)
- html中视频播放完后可以跳到另一个html
- 窗体传值 父子窗体传值情况 c# 1231
- JS 使用正则表达式参考,分组捕获,遍历输出所有匹配结果
- 【Android自定义控件】Android自定义虚线三
- 维控触摸屏编程手册_维控触摸屏ab plc地址编程实例
- 文档服务器 件排名,全国服务器排名
- 一篇小文入门 Python
- shallot夏洛特
- 华为5g服务器硬件供应商,华为发布5G多模终端芯片和商用终端
- 【阿里云】Apsara Clouder云计算专项技能认证-云服务器ECS入门,考试真题分享
- erdas裁剪影像_erdas切割图像步骤
- SVN客户端安装及使用说明
- 徒手撸设计模式-抽象工厂模式
- 多层嵌套的CSS 3D动画技术详解
- 【实验三】LZW编解码算法实现与分析
- 掌握论文中英文断字处理及段落行号设置
- url 参数传递的两种方式_Java项目实践,支付功能实现方式,第三方支付与银行接口支付...
热门文章
- AndroidDevTools (MARK)
- 社交搜索云云网被新浪收购
- 网页链接不让服务器,苹果手机那个safari浏览器打不开网页,无法与服务器安全链接怎么设置...
- windows系统bat批处理 笔记本开wifi 笔记本查看wifi密码
- asp毕业设计——基于asp+access的精品在线试题库设计与实现(毕业论文+程序源码)——精品在线试题库
- 微信小程序学习之腾讯城市与地铁
- 仓库消防知识及相关设备布置盘点
- MySQL多表查询where子查询
- gif透明背景动画_如何制作ae遮罩动画——手机ae——GIF豆豆/视频豆豆
- python可操作wps文档