CSS兼容性问题的解决方式（更新中···）

1.清除浮动的兼容性(低版本的浏览器不兼容问题) .clearfix:after{ content:""; clear:both; display:block; visibility:hidden; height:0; } .clear{ *zoom:1; } 2.透明度的兼容性 opacity:0.3; filter:alpha(opacity=30); 3.各种国外浏览器在CSS3中的兼容问题国内的浏览器的内核都是谷歌 Chrome的前缀-webkit- Firefo…

IE6/7/8 CSS兼容性问题和解决方法汇总

断断续续的在开发过程中收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法! 1:li边距“无故”增加任何事情都是有原因的,li边距也不例外. 先描述一下具体状况:有些时候li边距会突然增加很多,值也不固定(只在IE6/IE7有这种现象),让人摸不着头脑,仔细“研究”发现是由于其低级元素ul的padding引起,padding的上下值对li有影响,左右无影响.所以只好笨手…

前端常用场景总结CSS/JS/插件（实用篇更新中...）

<div class="box box1"> <span>垂直居中</span> </div> .box1{ display: table-cell; vertical-align: middle; text-align: center; } .box2{ display: flex; justify-content:center; align-items:Center; } a链接禁止点击跳转 javascript:void(0);…

IE兼容性问题汇总【持续更新中】

问题:IE8/9不支持Array.indexOf 解决方案 if (!Array.prototype.indexOf) { Array.prototype.indexOf = function(elt /*, from*/) { var len = this.length >>> 0; var from = Number(arguments[1]) || 0; from = (from < 0) ? Math.ceil(from) : Math.floor(from); if (f…

css的再深入7（更新中···）

1.transparent 透明的 2.placeholder 提示语写页面搞清结构层次, 保证模块化,让他们之间不能受到影响 (1) 元素性质 (2) 标准流浮动带来的脱离文档流撑不起父级的高度的问题可以采用清除浮动的方式消除影响,absolute和fixed带来的脱离文档流撑不起父级的高度,使用子元素设置高强制撑起父级. 1.css可以继承的属性有哪些? Font 系列 text系列 color line-height 2.border-radius的值的问题四个值的顺序是左上…

css的再深入6（更新中···）

background-position 雪碧图我们的html和css中有三个属性可以向服务器发送请求,src href url. overflow (1) 值hidden 超出就隐藏 (2) 值scroll 出现滚动条 visibility:hidden; 可见的 (消失但是占用位置) display:none;消失但不占用位置为什么使用雪碧图? 因为我们使用雪碧图之后,本来需要多次请求的图片,我们一次就请求过来了,然后使用background-position调位置,从而减少了该页面…

CSS的再深入5（更新中···）

页面布局结构层:搭我们的页面框架. 布局层:针对框架内部结构进行排版. 不需要使用浮动解决的问题尽量不用. 使用浮动之后会使该元素脱标,并且该元素的margin. div 盒子模型 : 就是一个容器,可以装任何标签. 盒子实际占用的空间盒子的实际宽高和高度如何理解盒子模型细节性的问题块级元素的宽如果没有设置宽度,就是父级的宽,如果没有设置高度根据内容而定. 结构选择器 (同一父级下子标签同级同标签名时使用,用法标签名:nth-of-type(序号/或者说是第几个) div:nth-o…

CSS的再深入2（更新中···）

在上一章中,我们又引出了一个知识点: margin的问题 margin:0 auto:(上下为0,左右自适应)会解决元素的居中问题(auto 自适应)前提是给这个元素设置width 同时,我们又要学习新的知识: CSS的两个性质和一个标准 1.继承性:后代会继承父系的一些属性(font系列.color.text系列.line-height),这种现象叫做继承现象. 2.层叠行 (1)选不中的情况下,走继承性.继承性的权重为0. 如果这个元素有多个父级设置了这样的样式,走就近原则,即哪个父级离它最…

css的再深入9（更新中···）

一单位 1.px 就是一个基本的单位像素 2.em 也是一个单位用父级元素的字体大小乘以em前面的数字.如果父级没有就继承上一个父级直到body,如果body没有那就默认是16px. 3.rem 也是一个单位,只跟根节点<html>的字体大小有关,如果没有默认是16px. 4.line-height 行高 line-height:2; 行高值是当前数字2乘以元素字体大小. 二浏览器浏览器和浏览器之间是由差距的,这个差距是由浏览器自身的内核决定的. 每个浏览器都有自己的前缀,主要解决…

css的再深入8（更新中···）

1.去滚动条的属性 overflow:hidden; overflow-x:hidden; 水平超出的隐藏. 2.z-index 层次叠加元素重叠谁的值大谁在上面 (1) 父级出现position:relative:时候z-index失效 (2) 层叠元素出现float的时候会失效 (3) 层叠元素也得设置position:absolute/fixed. 3.background-position属性的三种属性值: background-position:100px 300px; backg…

css的再深入4（更新中···）

两种居中的方式: Margin:0 auto;和text-align:center; Margin的居中是对自身,text-align对元素内部的文本来说. 隐藏的两种方式: visibility:hidden:和display:none; visibility 隐藏了还占用着空间,display隐藏了之后不占用空间了. Position位置只要使用定位,必须要有一个相对的参照物.即relative 具体定位的那个元素需要加position:absolute;绝对的绝对的 :就是具体到某一个…

CSS的再深入3（更新中···）

在前面,我们学习了标准文档流,但在实际制作的过程中,用标准文档流书写显然是不现实的,因此,我们来了解几种脱离标准文档流的方法: 1.float 浮动 float:left/right:(左浮/右浮) 效果:元素都加浮动,后面的元素紧跟前面的元素并排排列第一个加了float,脱离了标准文档流,对于浏览器来说,第二个元素就变成了标准文档流中的第一个,于是就会把他排在第一位.而第一个依然存在,所以就会叠加. 行级加float A.只要加了float,这个元素就会脱离标准文档流:行级元素加了float…

css 不大常见的属性(不断更新中...)

1 英语或数字强制换行 word-break:break-all; 2 使用具有回弹效果的滚动, 当手指从触摸屏上移开,内容会继续保持一段时间的滚动效果 -webkit-overflow-scrolling:touch 3 改变input的placeholder的字体颜色 input::-webkit-input-placeholder{color:#999;} input:focus::-webkit-input-placeholder{color:#999;} 4 某一行出现省略号 disp…

解决css兼容性

关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对… 一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HA…

【转】无法将notepad++添加到打开方式列表中的解决办法

问题:想要设置notepad++为默认打开方式,却发现在点击browse找到notepad++.exe点击打开后没有在打开方式列表中找到notepad++. 原因:更新程序版本后程序的路径发生了变动.然而注册表中得文件路径并没有改变导致的. 解决办法: 1. 点击开始,输入regedit,点击回车 2.在注册表中找到 HKEY_CLASSES_ROOT 下面的 Applications 3.修改注册表 1).在Applications下面找到对应的程序名,我名为notepad++.exe,点…

https 页面中引入 http 资源的解决方式

相对协议应用场景浏览器默认是不允许在 https 里面引用 http 资源的,一般都会弹出提示框. 用户确认后才会继续加载,用户体验非常差. 而且如果在一个 https 页面里动态的引入 http 资源,比如引入一个 js 文件,会被直接 block 掉的.Chrome v21 之后,在 SSL 加密页面 embed 非 SSL 的 Flash 资源也会被默默的屏蔽掉,只留下一句 console 报告. 解决方式相对协议如果你的网站同时准备了 https 资源和 http 资源,那么,可…

js replace 全局替换以表单的方式提交参数判断是否为ie浏览器将jquery.qqFace.js表情转换成微信的字符码手机端省市区联动新字体引用本地运行可以获得，放到服务器上报404 C#提取html中的汉字 MVC几种找不到资源的解决方式使用Windows服务定时去执行一个方法的三种方式

js replace 全局替换 js 的replace 默认替换只替换第一个匹配的字符,如果字符串有超过两个以上的对应字符就无法进行替换,这时候就要进行一点操作,进行全部替换. <script language="javascript"> var strM = "这是要被替换的字符串啊啊!"; //在此我想将字母a替换成字母A alert(strM.replace("啊","额")); </script&…

精通CSS：高级Web标准解决方式（第2版）

精通CSS:高级Web标准解决方式(第2版) 跳转至: 导航. 搜索层叠重要度:(也就是说.用户!important能够覆盖inline style) !important.用户>作者.最后是浏览器/用户代理规则特殊性(次序)的计算:a,b,c,d 假设同样.后定义的优先假设是inline style,a=1 b=ID选择器(#id)的个数 c=类.伪类.属性选择器的个数 d=类型.伪元素选择器的个数 => 大站点复杂内容情况下怎样管理规则次序??? @import比link慢? p41…

H5移动端IOS/Android兼容性总结，持续更新中…

H5移动端IOS/Android兼容性总结,持续更新中… 1. IOS不识别日期 new Date("2018-07-01 08:00:00")在Android下正常显示可以直接进行各种操作转化,而在IOS下为invalid date,获取到的时间戳为NaN,确实有点坑啊,只能识别new Date("2018/07/01 08:00:00")这种的,所以需要转化一下,解决方法为统一增加.replace(/-/g,'/'): new Date("2018-0…

在javascript中的浏览器兼容问题以及兼容浏览器汇总（默认事件，阻止冒泡，事件监听。。。）以及解决方式详解

在javascript中常见的浏览器兼容问题,以及解决方式. 在前端工作当中我们遵循这样的原则:渐进增强和优雅降级渐进增强(progressive enhancement): 针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果.交互等改进和追加功能达到更好的用户体验优雅降级(graceful degradation): 一开始就构建完整的功能,然后再针对低版本浏览器进行兼容. 1.获取非行内样式: 函数getStyle(e,attr)…

idea中创建的go项目，添加project sdk时没有go sdk选项的解决方式

同样是后端开发,年薪50万和年薪20万的差距在哪里>>> 更新: 为了防止你被我这个流水账气到,先看这个结论吧:这个问题的结局方法:忽略,没有什么影响. ------------------------------------------------------------------- 如图: idea版本是2017.2.4 卸载了,重新装2018.3.并成功破解. 创建go项目,发现仍然没解决. 看来问题不在idea,gopath设置有问题吗? 在Windows上也试了一下,不行,之…

day36 10-Hibernate中的事务：解决丢失更新

演示hibernate如何产生丢失更新的丢失更新是怎么玩的?首先两个事务先都把它查出来. A事务里面去修改的数据没了,被B事务覆盖掉了.这是被B事务提交覆盖,B事务回滚也能覆盖.这就是丢失更新的效果. 悲观锁使用了数据库的锁机制, 这就是悲观锁的解决方案,但是这种方式并不是特别的好.因为这条记录被锁定了,其他人都不能操作这条记录了.必须等排它锁被释放完其他人才能操作,这是悲观锁来解决. 乐观锁来解决. 这是关于session的一些本地操作,一会我们来说它. 乐观锁是怎么做的?相当于在我们这里加…

对于vue项目更新迭代导致上传至服务器后出现Loading chunk {n} failed和Unexpected token <的解决方式

相信大家对于vue项目的维护与更新中会遇见很多问题,其中有两种情况最为常见. 一种是Loading chunk {n} failed,这种情况出现的原因是vue页面更新上传至服务器后,由于vue默认打包会对有改动的页面进行重新的编译和hash命名,而服务器上文件名称和浏览器缓存文件名称不一致,浏览器没有更新文件导致找不到服务器上的文件,从而报错. 另一种是Unexpected token <,这种情况出现的原因是vue的组件vue文件(不是页面文件)更新,出现和第一种情况一样的情况,其实归根到底…

mysql中limit与in不能同时使用的解决方式.

mysql中limit与in不能同时使用的解决方式. 分类: MySQL2011-10-31 13:53 1277人阅读评论(0) 收藏举报 mysqlsubquery MySQL5.1中子查询是不能使用LIMIT的,报错: "This version of MySQL doesn't yet support 'LIMIT & IN/ALL/ANY/SOME subquery' " 这样的语句是不能正确执行的.select * from message where id i…

C++中避免内存泄露常见的解决方式

常见内存泄露及解决方式-选自ood启发录 new/delete, array new/arrray delete匹配 case 1: 在类的构造函数与析构函数中没有匹配地调用 new/delete! 解决方法:检查构造函数,在出现new的情况下,按相反的顺序在析构函数中匹配加入delete! 这里有两个意思: 1〉new与delete匹配,array new/array delete匹配: 2〉出如今前面的new要比出如今后面的new后匹配各自的delete: 比方…

使用questionsModel.values()后不能获取模型中的属性对应的外键属性值的解决方式

class QuestionsModel(models.Model): author = models.ForeignKey(FrontUserModel,null=True) content = models.TextField(null=False) create_time = models.DateTimeField(auto_now_add=True) 1.在questions模型中,有个author外键 2.使用questions = QuestionsModel.objects.al…

jsp页面中include静态html出现乱码问题的解决方式

这个问题出现过两次,上次没有做好记录,今天又出现了.不过这两次的情景也不完全一致. 今天通过搜索找到这篇文章的解决方式很好,可供参考.原博客地址http://blog.csdn.net/izgnaw/article/details/6178472. 在web.xml中加入一下代码:  <jsp-config> <jsp-property-group> <description> Special propert…

IntelliJ IDEA中Mapper接口通过@Autowired注入报错的正确解决方式

转载请注明来源:四个空格 » IntelliJ IDEA中Mapper接口通过@Autowired注入报错的正确解决方式: 环境 ideaIU-2018.3.4.win: 错误提示: Could not autowire. No beans of 'JwDsBaseinfoCaseMapper' type found. less... (Ctrl+F1) Inspection info:Checks autowiring problems in a bean class. 错误如下图: 解决办法…

python 中增加css样式的三种方式

增加css样式的三种方式: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>  <style> .cl{ /*背景色*/ background-color: red; } </style&g…