草庐IT

background-position

全部标签

javascript - Chrome 扩展 : how to pass ArrayBuffer or Blob from content script to the background without losing its type?

我有这个内容脚本,它使用XHR下载一些二进制数据,稍后发送到后台脚本:varself=this;varxhr=newXMLHttpRequest();xhr.open('GET',url);xhr.responseType='arraybuffer';xhr.onload=function(e){if(this.status==200){self.data={data:xhr.response,contentType:xhr.getResponseHeader('Content-Type')};}};xhr.send();...later...sendResponse({data:se

javascript - 如何将 "background-color"转换为 rgb() 格式?

这是我的问题:我想更改页面上其中一个元素的背景颜色的不透明度。为此,我需要先将颜色转换为rgb()格式。(或提取r、g和b元素)。here我可以看到如何将十六进制字符串转换为数字格式,但颜色并不总是十六进制格式。它们可以被命名为“红色”之类的颜色。red--->rgb(255,0,0)#ff00ff--->rgb(255,0,255)有人知道如何做到这一点吗?问候。 最佳答案 要将colorName转换为RGB或HEX,您首先需要一个颜色名称字典和相应的值,您可以这样做:functionnameToHex(name){return{

javascript - Chrome 扩展 js : Sharing functions between background. js 和 popup.js

假设我有一个JavaScript函数foo(),我想在后台和popup.html中执行它。例如:它每小时在我的Chrome扩展程序的后台执行一次,但也可以由用户通过单击按钮从弹出菜单(popup.html)激活。我目前有一个定义foo()的global.js脚本,当我在我的中包含对foo()的调用时>popup.js文件,它们可以毫无问题地执行。(如果我在popup.html中包含这两个脚本)但是,当我尝试访问background.js中的foo()时,调用不会执行(即使global.js包含在“后台”“manifest.json”扩展文件中:"background":{"persis

javascript - Jquery position() 包括 margin

如果我想在测量元素的宽度时包括边距,我可以调用element.outerWidth(true);但是,我找不到类似的方法来获取容器中的元素,其中包含边距。element.position().left不包括边距。我已经尝试过element[0].getBoundingClientRect().left,这很有效,但是是否有类似的jquery调用?编辑:似乎上面的nativejavascript调用也没有给我余量.. 最佳答案 这是jQuery的.position()的限制,它有这样的限制:Note:jQuerydoesnotsupp

javascript - 如何在 jQuery 中使用 CSS 'background-image' 属性添加图像绑定(bind)点击事件

这是我的fiddlelink我想我的问题本身就很清楚了。不过,我正在寻找的是一种绑定(bind)click的方法。使用css添加的图像上的事件background-image属性(property)。我知道,我可以通过简单地定位来实现类似的功能(将图像放在输入字段上使用thisway或thisway)标记input框,然后处理所需的事件,但对于宽度和高度不同的输入字段,或者如果包装div没有position:relative;,这种方式似乎不太灵活。作为其属性(property)。如果在使用background-image加载的图像上添加事件不可能那么如何使后面的方法更灵活。希望我已经

javascript - jQuery position().top 返回 0 而不是实际值

根据jQuery官方文档,这个函数应该:“获取匹配元素集中第一个元素的当前坐标,相对于偏移父元素。”以下代码应返回值51,但它返回值0。任何人都可以提供见解以及原因吗?提前致谢。我知道添加css(top:xx)是有效的,如果是这样,这是否意味着position()仅适用于元素具有top的css属性的情况?.outer{width:200px;height:200px;overflow-y:auto;border:1pxdottedgrey;position:absolute;}.inner{width:50px;height:50px;margin-top:50px;border:1p

javascript - Jquery Select element 2 positions further - .next().next() 的另一种方式

我正在寻找一种方法来选择一个div元素,该元素不是通过点击功能“选择”的元素的直接下一个元素。(siblings)text现在我想选择ID为“getthisone”的那个-在我的代码中这个ID不可用。所有的div都具有相同的类并且确实有sibling。我可以通过$(this).next().next()选择第三个,但我认为这不是最好的方法。在被点击的那个之前也可以有div-所以它不一定是第一个。我尝试了:nth-child选择器,但没有找到解决方案。稍后我也可能想在单击一个之后选择第13个(或第23个、第65个等等)。这意味着我想对这个问题有一个相当动态的解决方案。谢谢你的帮助,菲尔

javascript - 修复 IE 中的背景位置

我在IE7中运行一段使用jquery和2个jquery插件的代码时遇到了这个问题。该代码适用于FF3和Chrome。完整的错误是:Line:33Char:6Error:bgisnullornotanobjectCode:0URL:http://localhost/index2.html但是第33行是一个空行。我正在使用2个插件:可拖动和缩放。无论我对代码做什么,总是第33行有问题。我通过查看源代码检查源代码是否有更新,但我觉得这可能是在骗我。$(document).ready(function(){$('#draggable').drag();$('#zoom').zoom({targ

javascript - 每次重复 y 时垂直翻转背景图像

我正在寻找一种垂直重复我的背景图像的技巧,但每次重复图像时我都想垂直翻转它。我用repeat-y尝试了所有的想法,但我没有找到解决方案,甚至在谷歌中搜索它。例子:直背景图像重复y时翻转背景图像然后再次翻转到直线有获得那个位置的方法吗?只有在没有纯css的解决方案时,我才会接受JScript(及其库)中的解决方案。谢谢大家! 最佳答案 这无法使用标准CSS3完成,因为没有用于旋转背景图像的CSS3属性。引用:http://www.w3.org/TR/css3-background如建议的那样,将两个主题组合在一个图像中,这要简单得多并

javascript - 在 jQuery 中检测何时为 "cursor position inside input change"?

我正在使用一个名为jQueryTextRange的插件获取光标在输入中的位置(在我的例子中是文本区域)并设置位置。但现在我有一件-我认为-更难解决的事情。我想知道jQuery中是否存在“光标位置已更改”之类的事件。我的意思是这样的:$('#my-input').on('cursorchanged',function(e){//Mycodegoeshere.)};我想知道光标何时在输入/文本区域内移动,无论是通过箭头键还是鼠标单击都无关紧要。我是jQuery新手,但我认为在jQuery上不存在或存在这样的事件? 最佳答案 不,没有像“