草庐IT

CSS定位div

全部标签

javascript - CSS 和 JQuery : spaces inside image name break code of url()

我有一个页面,当鼠标悬停在缩略图上时,该页面应该显示图像的放大版本。我有一个带有ID的“div”,JQuery代码如下:$(document).ready(function(){$('img').hover(function(){varsrc=$("#im"+this.id).attr("src");$('#viewlarge').css('backgroundImage','url('+src+')');returnfalse;});});我使用的图像是由Ruby脚本生成的,该脚本“生成”具有相似但不同ID的图像。但是,有时上传的照片内部有“空格”。我的开发人员工具告诉我背景图片设置

javascript - 如何在追加之前清空div

我正在使用FreebaseSearchSuggest将某个关键字绑定(bind)到getJson请求。问题是我将getJson函数和相应的.append/.prepend函数绑定(bind)到具有搜索建议的输入字段。现在,如果要清除(.empty)我的包含getJson函数结果的div,我最终将无法附加任何内容。所以每次我进行搜索时,结果div都是空的。如果我不尝试运行空函数并进行第二次搜索,新信息将附加到先前信息之上。我的网站www.karsten-tietje.dk/sw$('#myinput').suggest({key:"","filter":"(alltype:/music/

javascript - 如何覆盖由 jquery/javascript 设置的 css 高度?

我有这个:varsetHeight=$(this).outerHeight();//returnse.g.687$("#someElement").css({'height':$setHeight+"px!important"});//Iwanttooverridethisjquery-setheight我不确定这是正确的方法...可能不是,因为它不起作用。感谢您的帮助! 最佳答案 您的变量名没有前导$。此外,!important标志将导致它在Firefox中不起作用,但是当您将此样式直接应用于元素时,您不需要它。$("#someE

javascript - 在使用 Mocha 进行测试时处理 WebPack CSS 导入

使用WebPack,您可以像这样在代码中导入样式:import'./PageSpinner.styl';但是当您尝试使用Mocha测试此代码时,您的测试将因SyntaxError而崩溃,因为引擎尝试处理像JS代码这样的样式。如何使用Mocha测试这样的代码? 最佳答案 我最近遇到了同样的问题,解决方案是通过Mocha编译器。创建一个文件,我们称之为“css-null-compiler.js”,它有:functionnoop(){returnnull;}require.extensions['.styl']=noop;//youcan

javascript - 在特定 div 之外的页面上的任何地方单击事件

我想在用户单击该div之外的页面上的任意位置时隐藏该div。我怎样才能使用原始javascript或jQuery做到这一点? 最佳答案 将点击事件附加到文档以隐藏div:$(document).click(function(e){$('#somediv').hide();});将点击事件附加到div以阻止点击它传播到文档:$('#somediv').click(function(e){e.stopPropagation();}); 关于javascript-在特定div之外的页面上的任何

JavaScript/CSS/图像引用路径

我想知道是否有人喜欢在他们的网站中引用图像/css或javascript文件?我问的原因是,如果客户想要托管我们在虚拟目录下编写的站点,该站点通常必须更改其文件引用-甚至更改为CSS文件中的url(...图像路径)因为我们通常像开发根应用程序一样开发站点-有时客户直到发布日期前一天才知道他们将在哪里托管它!使用ASP.NET,我们可以通过在使用runat服务器组件时使用“~”引用元素或在使用ASP.NETMVC时使用Url.Content方法来解决表单中的问题...那么,是否有任何好的解决方案来保持文件引用的通用性,或者我们是否面临每次都必须更改文件引用的问题?

javascript - 当我尝试使用 jQuery 将一些 HTML 插入 DIV 元素时得到 NaN

我想在单击numObj类的元素时显示一个文本框。出于某种原因,我得到了NaNNaNaNaNNaNNaNaNaN,我希望在下面的代码中看到searchForm变量的结果。我知道NaN代表非数字。我不明白的是为什么Javascript需要一个数字?我不明白它为什么关心。$(".numObj").live('click',function(){varpreId=$(this).attr('preId');vararrayPos=$(this).attr('numArrayPos');alert(preId+""+arrayPos);varsearchForm=""++""++""++""++

javascript - 获取 div 元素的 X 和 Y 坐标

我一直在尝试制作一个javascript来获取div元素的X和Y坐标。经过一番尝试后,我想出了一些数字,但我不确定如何验证它们的确切位置(脚本返回X为168,Y为258)我正在运行脚本,屏幕分辨率为1280x800。这是我用来获得此结果的脚本:functionget_x(div){vargetY;varelement=document.getElementById(""+div).offsetHeight;varget_center_screen=screen.width/2;document.getElementById("span_x").innerHTML=element;ret

javascript - 重置类时 CSS 动画不会重新启动

我正在使用CSS着色器+动画。我的着色器类定义如下:.shader{-webkit-filter:custom(url(v.vs)mix(url(f.fs)multiplydestination-over),200200);-webkit-animation-name:test;-webkit-animation-duration:2s;-webkit-animation-iteration-count:1}我正在尝试通过$('#holder').addClass('shader');和$('#holder').removeClass('着色器');然而,奇怪的是当我重置类时(例如,在

javascript - css/jQuery - 居中绝对定位的 div

div是50%不透明的,显示在网站内容的顶部,固定宽度为960像素(由jQuery创建)。如何水平居中?margin:0auto;不起作用:( 最佳答案 margin:0auto;不适用于绝对定位的元素。相反,我们可以使用元素本身的属性。检查fiddle...http://jsfiddle.net/UnsungHero97/HnzyT/2/将它水平居中很容易,因为您绝对知道宽度和它的位置。您所要做的就是给它2个CSS属性:width:960px;position:absolute;/*...otherCSSproperties...