草庐IT

css_browser_selector

全部标签

javascript - 如何获得类的CSS宽度?

我的问题是,如何获取类css样式的宽度参数?例如我有带有id=page和类“page”和“css-1”的div。我想获取css-1类样式的宽度参数? 最佳答案 最简单的方法可能是忽略,用你关心的类创建一个新的并检查它的样式属性。您需要将它添加到DOM以使其采用文档的CSS。vardiv=$('').addClass('css-1').hide();$('body').append(div);varwidth=div.css('width');div.remove(); 关于javascr

javascript - jQuery CSS 位置不工作

我有一个带有position:absolute的div。我正在尝试使用jQuery将其定位到正确位置,但它不起作用。在下面的代码中,我基本上删除了left并添加了right:0。这应该将div定位到最右边。使用Firebug,我可以看到内联样式被更改为right:0但什么也没有发生。我究竟做错了什么。检查http://jsfiddle.net/SJP3b/1/$('div').css({left:'',right:0}); 最佳答案 使用适合我的left:'auto':http://jsfiddle.net/SJP3b/2/许多值不

javascript - 使用 Javascript 检测 CSS 功能

是否可以使用Javascript检测CSS支持?例如,是否可以检测浏览器是否支持这样的属性选择器?input[type='text']{} 最佳答案 Modernizr旨在检测浏览器功能,在这种情况下很可能会有所帮助。http://www.modernizr.com/ 关于javascript-使用Javascript检测CSS功能,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/

javascript - JQuery 链接 Action ,有效..但 CSS 不等待轮到它?

所以我有这样的东西(如下),一切都依次进行(它在开始时隐藏,然后你看到它向下滑动,等待2秒,然后向上滑动)但是.cssAction立即发生,甚至尽管是在2秒延迟之后。只是想知道这是为什么。$('p:first').hide().slideDown('slow').delay(2000).css({"background-color":"#ff4"}).slideUp('slow')});编辑新代码:我已将我的代码更改为:它似乎不再向上滑动了..(因为我希望它在向上滑动之前变为黄色)$('p:first').hide().slideDown('slow').delay(2000,func

javascript - 为什么 Facebook 不合并它的 CSS/JS 文件?

我很好奇为什么Facebook开发人员选择不将他们的脚本和样式表合并到单个文件中。相反,它们是通过CDN按需加载的。Facebook显然是一个非常复杂的应用程序,我可以理解这种模块化如何使Facebook更易于维护,但通常的优化建议是否仍然适用(尤其是考虑到它的高使用率)?或者,他们使用CDN的事实是否避免了具有大量小脚本/样式的常见性能影响? 最佳答案 一句话BigPipe.他们将页面分成“pagelets”,每一个都在他们的服务器上单独处理并并行发送到浏览器。基本上几乎所有内容(CSS、JS、图像、内容)都是延迟加载的,因此它归

javascript - 循环 CSS 动画

所以我这里有这个漂亮的CSS动画,我希望它循环播放。遗憾的是,我几乎没有使用CSS动画的经验,也不知道该怎么做。如果这里有人可以帮助我,我将不胜感激。谢谢!HTMLWeeeeeeeJavascript$("#msg").click(function(){varduration=1400;$msg=$(this);$msg.css("-webkit-transform","scale(2)").css("-webkit-transition-timing-function","ease-out").css("-webkit-transition-duration",duration+"m

javascript - 在原型(prototype)中使用 css 选择器触发点击事件

我是Prototypejs的新手。我有一个这样的元素,Save&Close我有一个anchor标记选择器,$$('#toolbar-savea')。通过使用此选择器,我如何触发click事件?或者你可以建议的任何其他方式?提前致谢。 最佳答案 $$('#toolbar-savea')[0].click();FIDDLE 关于javascript-在原型(prototype)中使用css选择器触发点击事件,我们在StackOverflow上找到一个类似的问题:

javascript - CSS Transform Math - 计算倾斜引起的div的高度

我很难弄清楚如何计算由倾斜引起的div容器的额外高度。我正在屏蔽容器内的图像并使用plugin调整它的大小.容器不会始终具有相同的高度和宽度,因此使用固定尺寸是行不通的。请看我的demo.http://jsfiddle.net/RyU9W/6/HTMLCSS#profiles{margin-top:300px;transform:skewY(-30deg);-ms-transform:skewY(-30deg);/*IE9*/-webkit-transform:skewY(-30deg);/*SafariandChrome*/}.profile{cursor:pointer;float

javascript - CKEditor 4 : How to add CSS stylesheet from plugin?

暂时试过了,但是没有成功editor.addCss(this.path+'tabber.css');editor.document.appendStyleSheet(this.path+'tabber.css');完整代码(function(){CKEDITOR.plugins.add('tabber',{init:function(editor){editor.ui.addButton('addTab',{command:'addTab',icon:this.path+'icons/tabber.png',label:Drupal.t('Inserttabs')});editor.a

javascript - 模拟 jQuery :visible selector with plain Javascript

我正在将一段代码从jQuery转换为ChocolateChipUI,这段代码让我很困惑,因为ChocolateChipUI不支持':visible'来实现is()if(interactive&&block.is(':visible')){block.fadeOut(250,function(){block.html(newContent);block.fadeIn(750);});showHighlight($("#character_text"));}我得到的错误是:UncaughtSyntaxError:Failedtoexecutequery:':visible'isnotava