首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

关于拖拽功能在IE11 、Firefox和Safari中不兼容的问题

) 3是firefox在拖动的时候会打开一个新窗口 (firbox) 4是ie11不支持onclick属性方法 ; ie11 里元素对象的attributes的排序和其他浏览器不同, ie11 中...remove()方法不work (ie) 对于原因1的解决方案 其中IE11 压根就不支持path属性,firefox和Safari还勉强通过hack的方式获取到path,获取方式如下: const...对于原因2的解决方案 IE11, firefox 都有dataTransfer.setData的问题, Safari没有可以不用管。...如果你firefox和ie11都想兼容,我们就设置好 dataTransfer.setData('Text',数据) ,就好。...解决这个问题 ,我是通过遍历attributes 找到符合我要的代替之前的写死的attributes顺序 针对ie11 remove()不work的情况,可以用代码 parent.removeChild

3.4K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    css3 选择器

    ) 类选择器是以一独立于文档元素的方式来指定样式,使用类选择器之前需要在html元素上定义类名,换句话说需要保证类名在html标记中存在,这样才能选择类 2  其中“active,important, items”就是我们以类给li加上一个类名,以便类选择器能正常工作,从而更好的将类选择器的样式与元素相关联。...4、id选择器(#ID) ID选择器和类选择器相似,在使用ID选择器之前也需要先在html文档中加注ID名称,这样在样式选择器中才能找到相对应的元素,不同的是ID选择器是一个页面中唯一的值,我们在类使用时是在相对应的类名前加上一个...这个逗号告诉浏览器,规则中包含多个不同的选择器,如果不有这个逗号,那么所表达的意就完全不同了,省去逗号就成了我们前面所说的后代选择器,这一点大家在使用中千万要小心加小心。...11):empty选择的元素里面没有任何内容。

    54210

    这30个CSS选择器,你必须熟记(上)

    在介绍之前,我们先理解下文档结构树的父子关系 在学习CSS选择器之前,我们需要弄清楚文档结构的父子关系,什么是父元素、子元素以及祖辈元素和后代元素这些概念,清楚了这些逻辑关系后,你才能更好的掌握CSS选择器...46F10E35C0753A11FC431908681025D6.png 如上图所示,相邻的两个节点(层级是连续的),他们之间是父子关系。如果两个元素之间跨越两个层级以上,它们是祖辈和后代的关系。...许多开发者可能会用这个技巧如下代码所示让元素居中,在开发测试阶段固然是好的,但是我不建议这么做,因为这样做会给浏览器增加很大的负担。...#container { width: 960px; margin: auto; } 浏览器兼容性: IE6+ Firefox Chrome Safari Opera 3、.X:类选择器 类选择器的开头用...浏览器兼容性: IE6+ Firefox Chrome Safari Opera 4、X Y:后代选择器 后代选择器,英文名称:descendant selector,本文的开头我们学习了什么是后代元素

    62710

    BAT及各大互联网公司2014前端笔试面试题--Html,Css篇

    在IE6之前CSS还不够成熟,所以IE5等之前的浏览器对CSS的支持很差, IE6将对CSS提供更好的支持,然而这时的问题就来了,因为有很多页面是基于旧的布局方式写的,而如果IE6 支持CSS则将令这些页面显示不正常...,如何在即保证不破坏现有页面,又提供新的渲染机制呢?   ...IE6也是类似这样做的,它将DTD当成了这个“参数”,因为以前的页面大家都不会去写DTD,所以IE6就假定 如果写了DTD,就意味着这个页面将采用对CSS支持更好的布局,而如果没有,则采用兼容之前的布局方式...而将那些被认为“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段,并把测试对象限定为主流浏览器(如 IE、Mozilla 等)的前一个版本。   ...派生选择器(用HTML标签申明) id选择器(用DOM的ID申明) 类选择器(用一个样式类名申明) 属性选择器(用DOM的属性申明,属于CSS2,IE6不支持,不常用,不知道就算了)   除了前3种基本选择器

    91251

    前端开发面试题答案(二)

    (1)id选择器( # myid) (2)类选择器(.myclassname) (3)标签选择器(div, h1, p) (4)相邻选择器(h1 + p) (5)子选择器(ul > li) (6)后代选择器...:after 在元素之前添加内容,也可以用来做清除浮动。...border-width: 20px; border-style: solid; border-color: transparent transparent red transparent; } 11...样式系统从关键选择器开始匹配,然后左移查找规则选择器的祖先元素。 只要选择器的子树一直在工作,样式系统就会持续左移,直到和规则匹配,或者是因为不匹配而放弃该规则。 ­­...- 预处理器例如:LESS、Sass、Stylus,用来预编译Sass或less,增强了css代码的复用性, 还有层级、mixin、变量、循环、函数等,具有很方便的UI组件模块化开发能力,极大的提高工作效率

    1.4K40

    2021前端面试高频 HTML + CSS

    找工作 运气真的很重要, 运气 + 技术能力,面试过程太难了,来回跑折腾。 如今,我现在已经入职新公司一个月了,公司还可以,955,办公环境和同事也都挺 Nice。...DOCTYPE>声明位于 HTML 文档中的第一行,处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。 解析模式 分为 标准模式 和 兼容模式. ❞ 2....常见浏览器内核 ❝ IE 浏览器内核:IE内核。...height 只包含内容 content , 不包含border 和padding IE 盒模型 : 属性 width height 包含 content border padding ❞ 2....减少图片HTTP 请求」 缺点 : 「1.文件体积比源文件大1/3,影响浏览器加载,渲染时间加长」 「2.兼容性问题,ie8 以下的版本不支持」 ❞ 11. 什么是BFC? 如何生成BFC?

    95040

    年薪30万的前端面试题,你能答对几道?|附答案

    DOCTYPE声明位于位于HTML文档中的第一行,处于html 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。...在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 7.html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?...绘画 canvas 用于媒介回放的 video 和 audio 元素 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失; sessionStorage 的数据在浏览器关闭后自动删除...id选择器( # myid) 类选择器(.myclassname) 标签选择器(div, h1, p) 相邻选择器(h1 + p) 子选择器(ul > li) 后代选择器(li a) 通配符选择器( *...LI DL DD DT; 不可继承的样式:border padding margin width height ; 优先级就近原则,同权重情况下样式定义最近者为准; 优先级为: image.png 11

    5.6K60

    超全整理前端开发面试题——CSS篇(2016年)

    * 1.id选择器( # myid) 2.类选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1 + p) 5.子选择器(ul >...li) 6.后代选择器(li a) 7.通配符选择器( * ) 8.属性选择器(a[rel = "external"]) 9.伪类选择器(a:hover, li:nth-child...:after 在元素之前添加内容,也可以用来做清除浮动。 :before 在元素之后添加内容 :enabled :disabled 控制表单控件的禁用状态。...以下例子是演示各种定义的权重值: /*权重为1*/ div{ } /*权重为10*/ .class1{ } /*权重为100*/ #id1{ } /*权重为100+1=101*/ #id1 div{ } /*权重为10+1=11...- 预处理器例如:LESS、Sass、Stylus,用来预编译Sass或less,增强了css代码的复用性,还有层级、mixin、变量、循环、函数等,具有很方便的UI组件模块化开发能力,极大的提高工作效率

    2.6K130

    HTML和CSS

    在IE6之前CSS还不够成熟,所以IE5等之前的浏览器对CSS的支持很差, IE6将对CSS提供更好的支持,然而这时的问题就来了,因为有很多页面是基于旧的布局方式写的,而如果IE6 支持CSS则将令这些页面显示不正常...IE6也是类似这样做的,它将DTD当成了这个“参数”,因为以前的页面大家都不会去写DTD,所以IE6就假定 如果写了DTD,就意味着这个页面将采用对CSS支持更好的布局,而如果没有,则采用兼容之前的布局方式...而将那些被认为“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段,并把测试对象限定为主流浏览器(如 IE、Mozilla 等)的前一个版本。...关键词分析和选择是SEO最重要的工作之一。...派生选择器(用HTML标签申明)标签选择器; id选择器(用DOM的ID申明) 类选择器(用一个样式类名申明) 属性选择器(用DOM的属性申明,属于CSS2,IE6不支持,不常用,不知道就算了) 除了前

    5.4K30

    知识整理之CSS篇

    任何常规选择器可以再任何位置使用伪类。伪类语法不区别大小写。一些伪类的作用会互斥,另外一些伪类可以同时被同一个元素使用。并且,为了满足用户在操作DOM时产生的DOM结构改变,伪类也可以是动态的。...一个选择器只能使用一个伪元素,并且伪元素必须处于选择器语句的最后面。 简单来说,伪元素创建了一个虚拟容器,这个容器不包含任何DOM元素,但是可以包含内容。另外,开发者还可以为伪元素定制样式。...important > id选择器 > class选择器 > 标签选择器 > 通配符选择器 > 浏览器默认属性 CSS在同一级别时 同一级别的选择器,后声明的会覆盖之前声明的。...示意图: image.png 解释下什么是浮动和它的工作原理? 什么是浮动? 非IE浏览器下,容器不设高度且子元素浮动时,容器高度不能被内容撑开。 此时,内容会溢出到容器外面而影响布局。...工作原理 浮动元素脱离文档流,不占据空间(引起“高度塌陷”现象) 浮动元素碰到包含它的边框或者其他浮动元素的边框停留 如何清除浮动 1.

    1.6K20

    我的神经网络不工作了!我应该做什么? 详细解读神经网络的11种常见问题

    因此,这里列出了所有你可能做错的11件事情,并根据相关经验,给出解决办法: 1.你忘了使数据标准化 2.你忘记检查结果了 3.你忘了预处理数据 4.你忘了使用正则化 5.你使用的批处理太大 6.你使用的是不正确的学习率...7.你在最后层使用了错误的激活函数 8.你的网络包含了不好的梯度 9.你错误地初始化了网络权重 10.你使用的网络太深了 11.你使用了错误数量的隐藏单元 1.你忘了使数据标准化 -问题描述 当使用神经网络时...我的建议是从一开始去适应可视化,不要只有当你的网络不工作时才开始适应,这样就能确保在你开始尝试不同的神经网络结构时,你已经检查了完整的流程。这是你能准确评估多种不同方法的唯一方式。...在数据空间中存在较大的不连续性,或者是表示同一事物的大量分离数据(separated data),这将使学习任务变得更加困难。...11.你使用了错误数量的隐藏单元 -问题描述 在某些情况下,使用太多或太少的隐藏单元会使你的网络难以进行训练。

    1.7K30

    CSS的四种基本选择器和四种高级选择器

    基本选择器: 标签选择器:针对一类标签 ID选择器:针对某一个特定的标签使用 类选择器:针对你想要的所有标签使用 通用选择器(通配符):针对所有的标签都适用(不建议使用) 下面来分别讲一讲。...不建议使用,IE有些版本不支持,大网站增加客户端负担。 效率不高,如果页面上的标签越多,效率越低,所以页面上不能出现这个选择器。...交集选择器可以连续交:(一般不要这么写) h3.special.zhongyao{ color:red; } 上面这种写法,是 IE7 开始兼容的,IE6 不兼容。...:用符号>表示 IE7开始兼容,IE6不兼容: div>p{ color:red; } div的儿子p。...: ul li.first{ color:red; } ul li.last{ color:blue; } 下一个兄弟选择器 IE7开始兼容,IE6不兼容。

    10.6K10
    领券