草庐IT

CSS定位div

全部标签

javascript - 具有变量和多个值的 jQuery .css() 函数

奇怪的小困惑。我正在使用jQuery的.css()方法通过变量更改文本的大小(说来话长;不,我不能使用媒体查询),我需要添加em给它。我不确定语法是什么,因为CSS更改有多个值。举例说明:这非常有效。它将em添加到victore的计算值中:$('h1').css('font-size',victore+'em');这不是:$('h1').css({'font-size':victore+'em','line-height':vignelli+'em';});em需要引号...但是值也需要。用括号包裹它不起作用 最佳答案 你不应该在整

javascript - 如何使绝对定位的图像区域 map 可以用鼠标点击?

我使用绝对定位将几张图像放在彼此的顶部。这些图像是部分透明的,并且有一个htmlarea和map使只有可见的部分可以点击。在jQuery中,我将鼠标事件附加到area标签。这对一张图像很有效:mouseenter和mouseleave仅在输入图像的映射部分时触发。问题是它只适用于顶部图像。对于所有其他人,它不会触发事件,CSS悬停也不起作用,因为它上面还有另一个图像。尽管area不重叠并且map位于图像前面。这是问题的演示:http://markv.nl/stack/imgmap2/ 最佳答案 您可以在所有单独的图像之上放置一个完全

javascript - 测试浏览器是否支持 CSS 选择器

非常简单:如何最准确地测试浏览器是否支持某个CSS选择器?我目前有一些CSS代码,通过在CSS中使用:checked选择器使页面更具交互性,但我想创建一个后备脚本,用JavaScript做同样的事情,但是仅当用户的浏览器不支持:checked选择器时。我的问题是,如何最准确地测试用户的浏览器是否支持某个CSS选择器?这是我想使用它的代码:HTML:Iwanttoeatsomecaek.CSS:.coolboxinput{display:none;}.coolboxspan::before{content:"";display:inline-block;width:10px;height

javascript - Protractor/WebDriverJS 中的 by.js 定位器是什么?

最近,我注意到Protractor文档中添加了一个新的定位器-by.js():LocatesanelementsbyevaluatingaJavaScriptexpression,whichmaybeeitherafunctionorastring.我了解此定位器提供的功能,但我错过了此定位器有用的真实世界用例。我什么时候应该更喜欢使用by.js而不是by.css等其他内置定位器? 最佳答案 我觉得用例是使用核心javascript函数获取元素,每当css和其他元素定位器无济于事或没有我们可以使用的属性时。场景-如果您使用核心jav

javascript - 计算某个类的 div

看起来很简单,但我无法让它工作。我有两个“用户”类的div。我想输出“你有2个div”。$(document).ready(function(){functiondivcount(){varmycount=$('.user').length();document.write(mycount)}});我确定我遗漏了一些简单的东西.. 最佳答案 可以是$('.user').length(lengthpropertyofArray)或$('.user').size()(sizemethodofjQuery).

javascript - 在 css 中保持纵横比与图像宽度

有没有一种方法可以使用css修复给定较小宽度的图像的纵横比?也许通过使用jQuery/javascript?谢谢! 最佳答案 使用纯CSS,您可以只设置图像的一个维度,width或height,并将另一个设置为auto,例如:.thumb{width:200px;height:auto;}图片的宽度固定为200像素,高度取决于纵横比。 关于javascript-在css中保持纵横比与图像宽度,我们在StackOverflow上找到一个类似的问题: https:

javascript - Chrome 扩展 : Insert fixed div as UI

我想使用chrome扩展程序将一个div插入到固定位置。它将覆盖您当前正在查看的页面。我担心的是我希望它可以在任何页面上工作而不改变它(除了插入我的固定div),但我不知道我这样做是否可行。目前,该按钮不会显示,我在让div显示时遇到了很多麻烦。顺便说一句,定位暂时只是临时的,一旦我在页面上得到它,我会正确定位它!:)这是我所拥有的:这是我的list:{"name":"poop","version":"0.1","manifest_version":2,"description":"shittyappI'mmaking","background":{"scripts":["script

javascript - 在 Polymer 中通过 JS 更改 CSS 变量

在我的Polymer元素中,我有一个工具栏,我想使用JavaScript更改其颜色。由于Polymer在内部使用CSS变量—paper-toolbar-background进行样式设置,因此我无法执行类似style.color的操作。我找到了一个名为setProperty()的方法,但它对我不起作用。有没有人已经找到解决方案? 最佳答案 在元素的customStyle映射中设置变量值,然后调用updateStyle方法。这是一个元素示例,该元素通过修改其定义的自定义样式的值来更改其自身的可见性。变量也可以是外部的。:host{dis

javascript - 防止过时的 CSS 和 JavaScript 的最佳实践是什么

我正在为一个元素研究这个,我想知道其他人正在做什么来防止每个新版本都提供陈旧的CSS和JavaScript文件。我不想附加时间戳或类似的东西,这可能会阻止对每个请求进行缓存。我正在使用Spring2.5MVC框架,并且我已经在使用googleapi来提供原型(prototype)和脚本。我也在考虑使用AmazonS3和新的Cloudfront产品来最大限度地减少网络延迟。 最佳答案 我向带有修订号的请求添加了一个参数,例如:“ver”参数会随着每次构建自动更新(从构建更新的文件中读取)。这可确保仅为当前修订缓存脚本。

javascript - 如何滚动到具有特定 div 类的第一个可见元素?

是否有使用javascript自动滚动到具有特定div类的第一个可见元素的方法?谢谢! 最佳答案 你应该能够使用这样的东西:$('html,body').animate({scrollTop:$('.class:visible:first').offset().top},1000);演示:http://jsfiddle.net/Blender/xUw54/2/ 关于javascript-如何滚动到具有特定div类的第一个可见元素?,我们在StackOverflow上找到一个类似的问题: