在IE 11上使用jquery不会更改背景图像 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

不要使用浏览器嗅探，尽量使用特性检测和特性模拟

平淡的描述　　在js中，能使用特征监测就尽量不要使用浏览器嗅探。...并不会对背景图片进行缓存，故进行修补 } } 对于ff：　　经最新版本测试 'netscape' in window // true 示范2 　　利用特性模拟来判断浏览器的getElementByTagNames...更为详细的特征模拟可以参考jQuery的support模块。...其主要模拟了 NodeList对象在旧版IE（IE678）下使用数组方法slice会出错； CssStyleDeclaration的float的属性名问题； IE下的滤镜问题（针对透明度而言）；　　　...旧版IE下setAttribute("className")问题；言论　　可见，没必要再对userAgent耿耿于怀，字符串可以随意伪造，但是浏览器的相关特性却是不会改变，所以我们还是宁愿花几毫秒来测试一番

9315 0

js如何动态选择和操作 CSS 伪元素，例如 ::before 和 ::after

这些添加的内容不会出现在DOM中，仅仅是在css渲染层中加入。它不存在于文档中，所以js无法直接操作它。而jQuery的选择器都是基于DOM元素的，因此也并不能直接操作伪元素。...::backdrop(处于试验阶段)：用于改变全屏模式下的背景颜色，全屏模式的默认颜色为黑色。（只支持双冒号的形式）。...更改伪元素的样式 1、更换class来实现伪元素属性值的更改： // CSS代码 .red::before { content: "red"; color: red; } .green::before...::before { content: "red";color: red; }', 0); // 亦可以使用 JQuery: $('.red::before{content: "red"...修改伪元素的content属性的值，建议使用利用DOM的 data-* 属性来更改。

6.6K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

一些好用的jquery技巧

1、返回顶部按钮通过使用jQuery中的animate 和scrollTop 方法，不用插件就可以创建一个滚动到顶部的简单动画： // Back to top $('.top').click(function...2、预加载图像如果你的网页要使用大量开始不可见的（例如，悬停的）图像，那么可以预加载这些图像： $.preloadImages = function () { for (var i = 0; i 上做文章了： $('a.no-link').click(function (e) { e.preventDefault(); }); 8、淡入/滑动切换滑动和淡入都是我们用jQuery...; $('a[href^="' + window.location.origin + '"]').attr('target', '_self'); 注意：window.location.origin 在IE10...12、通过文本查找元素通过使用jQuery中的contains() 选择器，你可以找到元素内容的文本。

3.9K6 0

前端面试题

说到IE的bug，在IE6以前的版本中，IE对盒模型的解析出现一些问题，跟其它浏览器不同，将border与padding都包含在width之内。...使用闭包的注意点：由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。...Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解使用.bind()方法非常浪费性能因为它把同一个事件处理函数附加到了每一个匹配的元素上你应该停止使用.live...在Jquery 1.7版本中.bind()， .live()和.delegate()方法只需要使用.on()方法一种方式来调用它们。...可以在该钩子中进一步地更改状态，不会触发附加的重渲染过程。 updated（更新后）在由于数据更改导致的虚拟DOM重新渲染和打补丁之后调用。

1.7K1 0

jQuery 发布 1.9 正式版，最后支持 IE 678

：50%，IE6：10%，IE7：9%，所以总体上 IE 6/7/8 的用户只有 20% 左右。...使用 jQuery Migrate 来平稳过渡现有程序 jQuery 1.9 移除了很多已经标为过时（deprecated）的 API，如果你的程序已经避免使用这些废弃的 API 的话，则升级到 1.9...不会有什么问题，但是大部分开发者可能不会那么幸运，所以这个时候 jQuery 提供的 jQuery Migrate 插件可以帮上忙，它收集了自 1.6.4 版本以来 1.9 废弃的 API。...在使用 1.9/2.0 的时候，一并加载 jQuery Migrate，就可以不用更改程序继续使用，还可以通过 console.log 查看那些不相容的 API，作为修改的参考。...等所有问题都修改之后，就可以不再使用 jQuery Migrate。

6874 0

看不完的那种！前端170面试题+答案学习整理（良心制作）

规定背景图片的定位区域它有三个属性：border-box，padding-box，content-box（它只能对背景做样式上的操作） 12.css3中transition属性值以及含义是 transition...jquery ui则是在jquery的基础上对jquery的扩展，是jquery的插件。jquery ui提供了一些常用的界面元素，如对话框，拖动行为，改变大小行为等。...边框(borders): border-radius 圆角 box-shadow 盒阴影 border-image 边框图像背景: background-size 背景图片的尺寸 background_origin...当鼠标指针放在元素上时，主要作用是显示工具提示。 alt是为图片指定替代文字的属性 alt是在中指定的属性标签，表示图像。正如我写为替代文本一样，它用于需要文本而不是图像的情况。...如果盲人使用语音阅读功能，则会大声朗读图像的alt属性中的文本。当由于链接断开而无法显示图像时，将显示它。 Google和Yahoo!等机器人抓取图片的提示。

11.5K5 0

我们和Pornhub的开发者聊了聊

在开发过程中，你是否使用了大量的占位符图像和视频？最终产品和开发时的内容和经验有什么区别？实际上，我们在开发网站时不使用占位符！其次，重要的是代码和功能，接口是我们现在非常习惯的东西。...在某些情况下，框架也非常有趣我们喜欢新的IntersectionObserver API，对于以更有效的方式加载图像非常有用我们也开始使用画中画API，以便在我们的某些页面上播放该浮动视频，主要是为了获得用户对该想法的反馈...是否已经淘汰IE浏览器？我们对IE的支持时间很长，但是最近放弃了对IE11之前的任何版本的支持。有了它，我们也停止了为视频播放器使用Flash。...对于前端，我们主要运行原生Javascript，我们逐渐摆脱了jQuery，我们才刚刚开始使用框架，主要是Vue.js。...我很惊讶他们在开发功能和设计时没有使用图像。很高兴看到Pornhub继续使用WebXR，WebRTC和Intersection Observer推动互联网的前沿发展。

2.1K2 0

我采访了 PornHub 一位开发者！

在开发过程中，你是否使用了大量的占位符图像和视频？最终产品和开发时的内容和经验有什么区别？实际上，我们在开发网站时不使用占位符！其次，重要的是代码和功能，接口是我们现在非常习惯的东西。...在某些情况下，框架也非常有趣我们喜欢新的 IntersectionObserver API，对于以更有效的方式加载图像非常有用我们也开始使用画中画 API，以便在我们的某些页面上播放该浮动视频，主要是为了获得用户对该想法的反馈...是否已经淘汰 IE 浏览器？我们对 IE 的支持时间很长，但是最近放弃了对 IE11 之前的任何版本的支持。有了它，我们也停止了为视频播放器使用 Flash。...色情片永远不会消失的事实也使工作稳定得到了保证！就最终产品而言，分享下你在成人网站上工作可能与在本地互联网公司上工作不同。你会羞于告诉朋友，家人和熟人在成人网站工作吗？...我很惊讶他们在开发功能和设计时没有使用图像。很高兴看到 PornHub 继续使用 WebXR，WebRTC 和 Intersection Observer 推动互联网的前沿发展。

2.5K3 1

Pornhub Web 开发者访谈

在开发过程中，你是否使用了大量的占位符图像和视频？最终产品和开发时的内容和经验有什么区别？实际上，我们在开发网站时不使用占位符！其次，重要的是代码和功能，接口是我们现在非常习惯的东西。...在某些情况下，框架也非常有趣我们喜欢新的 IntersectionObserver API，对于以更有效的方式加载图像非常有用我们也开始使用画中画 API，以便在我们的某些页面上播放该浮动视频，主要是为了获得用户对该想法的反馈...是否已经淘汰 IE 浏览器？我们对 IE 的支持时间很长，但是最近放弃了对 IE11 之前的任何版本的支持。有了它，我们也停止了为视频播放器使用 Flash。...色情片永远不会消失的事实也使工作稳定得到了保证！就最终产品而言，分享下你在成人网站上工作可能与在本地互联网公司上工作不同。你会羞于告诉朋友，家人和熟人在成人网站工作吗？...我很惊讶他们在开发功能和设计时没有使用图像。很高兴看到 Pornhub 继续使用 WebXR，WebRTC 和 Intersection Observer 推动互联网的前沿发展。

3K4 1

Web前端中的命名规则

在页面中尽量避免使用style属性,即style="…"; 11....: id是唯一的并是父级的, class是可以重复的并是子级的, 所以id仅使用在大的模块上, class可用在重复使用率高及子级中; id原则上都是由我分发框架文件时命名的, 为JavaScript预留钩子的除外...背景图片请尽可能使用sprite技术, 减小http请求, 考虑到多人协作开发, sprite按模块制作; 12....库引入: 原则上仅引入jQuery库, 若需引入第三方库, 须与团队其他人员讨论决定; 3. 变量命名: 驼峰式命名....在保证视觉效果的情况下选择最小的图片格式与图片质量, 以减少加载时间; 5. 尽量避免使用半透明的png图片(若使用, 请参考css规范相关说明); 6.

2.3K9 0

JQuery的简述、使用方法和选择器

JQ简述1 1、 jQuery出现的背景(Javascript遇到的问题) 选择器功能弱 DOM操作繁琐之极浏览器兼容性不好动画效果弱 2、什么是 jQuery(概念) jQuery...（javaScriptQuery）JavaScript 代码库官方网站：http://jquery.com/ 3、目前 jQuery 有三个大版本： 1.x：兼容ie678,使用最为广泛的，官方只做...因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016年5月20日) 2.x：不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新增。...除非特殊要求，一般不会使用 3.x 版本的，很多老的 jQuery 插件不支持这个版本。目前该版本是官方主要更新维护的版本。注：推荐学习时使用1.x版本，功能更加完善，所学习到的东西更多。...---- JQuery的相关API，相关jquery文件，测试源代码已分享之网盘。使用时直接将相关jquery文件放入JS目录下，在html代码中引入即可。

1.2K1 0

XSS平台模块拓展 | 内附42个js脚本源码

04.JQuery键盘记录键盘一旦加载jQuery，一行（长）会写一个键盘记录器。像往常一样，捕获的密钥在制作的URL的查询字符串中发送。在许多情况下可能有用。...14.WebApp缓存损坏一个单独的Javascript行来更改（或创建）HTM5“清单”属性。新值指向一个恶意文件，该文件将注入的页面标识为静态页面，而不会再次加载。...说明 https://github.com/diafygi/webrtc-ips 16.XHR DDoS 使用XHR以及Websockets（如果受害者不运行IE），只需使用稍微随机的参数来洪泛目标。...32.TP-Link路由器配置更改该脚本使用默认凭证访问TP-Link路由器（虽然它们可能是“强制性的”），并在配置中执行2次更改。...35.获取本地存储一个微小的代码来检索HTML5本地存储并通过图像源URL发送出去。 36.MS Office版本的此有效负载旨在识别目标系统上运行的MS Office的版本。

12.5K8 0

Jump Start Bootstrap 第1章

例如，在链接元素() 上使用btn类，它将看起来像一个按钮，使用btn-primary可以把链接显示成暗蓝色按钮。...Bootstrap1.0.0是在2011年推出的，只有CSS和HTML组件。在Bootstrap1.3.0之前，它还没有包含JavaScript插件，这个版本也兼容IE7和IE8。...如果您想了解一下Bootstrap的完整发展历程，请查看GitHub上的历史版本。它还显示了对每个版本所做的更改。...我们将使用它展示如何对其默认设计进行一些更改: 从这个按钮上删除圆角改变填充量调整字体大小改变背景颜色让我们使用开发工具来检查这个按钮。...如果您想要更改web页面中仅一个特定按钮的样式，而不是针对Bootstrap的选择器，请使用ID来应用CSS更改。

3.5K4 0

SVG动画简介

其次，SVG可以在无损的情况下缩放到任何尺寸，在桌面和移动设备屏幕上看起来都很锐利。最后，你可以在运行的时候(使用JavaScript，CSS)只让SVG图像的一个组件动画。...创造SVG图像，你即可以直接使用其DOM元素呈现，也可以使用你喜爱的图像编辑软件绘画然后导出SVG文件拷贝它的代码粘贴到HTML中即可。...在IE 9 中不容许CSS transitions动画SVG元素，在IE所有版本中也不能使用CSS transforms动画SVG元素。...在需要动画SVG元素的时候Velocity.js会自动检测，然后无缝的对其施加SVG的特定属性而无需你更改任何代码。...答案便是浏览器的支持，IE(包括IE11)不支持SVG元素的CSS transforms。

1.6K1 0

TwentyTwenty：一个图片特效Jquery 插件

这个Jquery 插件值得推荐——虽然我不清楚在什么情况下适用，但你知道有这个东西，在需要的时候就能用上了——收集多点资源总不是坏事。插件的效果具体我也不会说，直接看官网demo吧。...简介官方网站& demo：http://zurb.com/playground/twentytwenty 运行必备：jquery、jquery.event.move（一个用于在移动设备上支持触摸事件的类...）浏览器兼容：IE9 + ，其他现代浏览器 TwentyTwenty的工作原理是在彼此的顶部堆叠的两个图像。...当滑块在整个图像移动，它使CSS的使用剪辑属性来裁剪图像左侧,这允许在右侧的图像通过容器来显示。我们正在使用的自定义运动事件jquery.event.move库，以支持在移动设备上1:1滑块运动。...基础上开发的WordPress 插件，通过短代码 [TwentyTwenty][/TwentyTwenty] 就可以直接在后台的编辑器中使用。

4.8K8 0

FastClick用法

使用needsclick过滤特定的元素如果页面上有一些特定的元素不需要使用fastclick来立刻触发点击事件，可以在元素的class上添加needsclick: // 在jquery中使用 $(function() { FastClick.attach...fastclick的情况以下这几种情况是不需要使用fastclick： 1、FastClick是不会对PC浏览器添加监听事件 2、Android版Chrome 32+浏览器，如果设置viewport...meta的值为width=device-width，这种情况下浏览器会马上出发点击事件，不会延迟300毫秒。...4、IE11+浏览器设置了css的属性touch-action: manipulation，它会在某些标签（a，button等）禁止双击事件，IE10的为-ms-touch-action: manipulation

1.4K2 0

【应用】信息短时存储

功能这是一个在线的应用，用来短时间存储一些信息，以实现在不同设备上共享这些信息的功能。其实目的就是可以将手机上的一些信息快速的复制到电脑上，尤其是在使用Linux系统的时候。下面是该应用的截图。...IE9的浏览器中工作并不理想，可能是IE9以下对 @media 支持不太好，所以在js的代码中加了一个判断，如果浏览器支持html5的一些特性(使用jquery判断)就使用toaster，否则使用alert...在sae中，使用的服务器也是apache，不过它不能更改.htaccess文件，而是需要修改config.yaml文件，如果使用git方式管理代码，默认是不会将该文件下载到本地的，所以推荐使用svn方式管理代码...header('Access-Control-Allow-Origin:*'); 前端使用jquery 的 $.ajax 发送ajax请求，在IE10及以上的版本中，工作正常，但是IE9及以下的版本无法正确访问...索性就在sae上放了一个同样的应用首页，如果使用IE9及以下的浏览器，可以访问那个页面。

1.5K3 0

分享 42 个面向前端开发的 JS 库和框架

受到谷歌、福布斯、IBM、微软等众多大公司的信赖和使用。 04、jQuery 地址：https://jquery.com/ jQuery 是前端开发人员最常用的库之一。...但是，它也有一些限制，例如，初学者很难使用，或者它不能在 IE8 等较旧的浏览器上运行。...11、DarkModeJS 地址：https://nickdeny.github.io/darkmode.js/ DarkModeJS 库帮助我们随着时间的推移自动进行 UI 更改。...它有很多图表，让我们在使用库时可以灵活处理传递给图表的数据。它还定期更新新版本，并在许多不同的设备屏幕上做出响应。...通过 API 和 HTML5 Audio 的结合，它可以运行在许多不同的平台和网络浏览器上，包括 IE9 和 Cordova。

7.1K3 1

一劳永逸的解决jquery的本地引入的方法

很多人都建议jquery使用cdn加速的方式引入。当然，我不反对这么做。但是以我自己做项目的便利性，我还是习惯把jq放在本地使用。原因有以下几点：项目的可靠性。不会受外在的情况的影响。...JQ2不兼容IE低版本，所以，针对IE低版本，要使用JQ1.11版同时引入html5.js，以让低版本IE支持HTML5标记为了实现这样的效果，我们需要写如下代码： IE以后不会有新版本了，所以我简单粗暴的分为IE和非IE。如果愣是要区别IE自身的版本的话，代码就太冗长了。但是这个代码还是比较冗长的。我个人不是很喜欢。怎么办呢？我想到一个解决方法。...就是在同目录下建立一个jquery.js的文件，然后，在这个文件中写上如下代码： document.writeln(""); 使用这种方式之后，在html中确实精简太多啦。我们只需要这样调用就可以了。

4K5 0

前端学习资料整理

在修饰器的基础上，可以实现Mixin模式。...当应用足够复杂时才能体会到它的好处，虽然在一般应用场景下你可能不会意识到它的存在，也不会影响你开始使用 React，你只要先知道有这么个概念。...png24位的图片在iE6浏览器上出现背景，解决方案是做成PNG8. 浏览器默认的margin和padding不同。...*jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。 *jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。...优雅降级：Web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会针对旧版本的IE进行降级处理了,使之在旧式浏览器上以某种形式降级体验却不至于完全不能用。

3.5K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭