草庐IT

CSS面试问题

全部标签

javascript - 使用 'javascript:history.go(-1)' 有什么问题?

在Twitter上看到一些关于使用它有多糟糕的玩笑javascript:history.go(-1)当然没有任何关于原因的提示。如果它如此可怕,为什么?还有什么选择?(除了history.back(),它似乎做完全相同的事情)。这是跨浏览器兼容性的问题吗?例如,我看到它用在错误页面上,让用户尝试使用上面的方法“返回”。我已经尝试过谷歌,但无济于事,关于为什么使用它会如此可怕。任何指示/解释将不胜感激。谢谢。 最佳答案 他们可能指的是伪协议(protocol)javascript:的使用,这通常意味着这是一个anchor的href属性

javascript - 没有 CSS 资源可以安全地使用 jQuery-UI 吗?

可以在不包含CSS资源的情况下安全地使用jQuery-UI吗?GooglehoststheJSfile,但我没有在该页面上看到任何对jQuery-UICSS资源的引用。如果我只包含jquery-ui.js,我会遇到什么问题? 最佳答案 你会从这样的事情开始(使用jQueryUICSS):像这样(没有jQueryUICSS):使用@AtesGoral在评论中发布的链接或Xavi-LinkstojQueryUICSSthemeshostedonGoogle'sCDN托管样式表更新:作为引用,GoogleCDNjQueryUICSS的路径

javascript - will_paginate 页面链接问题

我目前有一个评论模型,在微博下发表,并且都显示在同一页面上。问题是两者都显示在同一页面上并且都已分页,我正在尝试采用facebook方法进行微张贴。这是下面的问题:两个分页的链接变成了这个href="/users/2?page=2"而不是href="/users/2/micropost?page=2"或href="/users/2/comment?page=2"。我不确定如何着手解决这个问题。这是我的一些代码。非常感谢所有建议!微博渲染HTMLfalse%>Addathread!评论部分HTML'class='CommentContainerCondensed2'>"comments/

javascript - 如何使用 Javascript 获取继承的 CSS 值?

我正在尝试使用Javascript获取继承的CSS属性的值。我一直没能找到全面的答案。示例CSS:div{width:80%;}示例标记:Sometext使用javascript(jQuery或native),我需要获取元素的宽度——不是以像素为单位,而是字符串“80%”。$('#mydiv').css('width');//returnsinpx$('#mydiv')[0].style.width//emptystringgetComputedStyle($('#mydiv')[0]).width//returnsinpx我需要将值作为字符串的原因是因为我需要将样式复制到另一个元素。

javascript - 获取对所有 css 样式属性的访问权限?

我想通过JavaScript访问所有CSS属性(不仅针对特定选择器或元素,而且针对所有属性)。我想遍历.style集合的所有属性。我该怎么做? 最佳答案 您可以使用CSSStyleDeclaration对象。CSSStyleDeclaration对象使CSS样式属性可通过JavaScript属性使用。这些JavaScript属性的名称与CSS属性名称密切相关。这个对象有两个额外的属性:CSSText一组样式属性及其值的文本表示。文本的格式与CSS样式表中的一样,减去元素选择器和包围属性和值的大括号。长度此CSSStyleDeclar

javascript - 克隆 CSS 类

我想将所有:hover类复制到.hoverid类中,其中id是元素的索引(或任何其他方式创建独特的悬停类名称)。因此,我的想法是以某种方式遍历页面上定义了:hover的所有元素,并将该类克隆到.hoverid中。这样我就可以像这样在任何我想要的元素上触发悬停效果:$('#element').addClass('hover'+$(this).id);所以我的问题实际上是:如何遍历定义了“:hover”的元素?如何将那个类克隆到另一个类中?尝试您的解决方案:http://jsfiddle.net/kLt2P/ 最佳答案 您实际上可以使用

javascript - css3pie 打乱了 DOM,导致 jQuery 选择器错误

为了在IE6/7/8上获得CSS3效果(边框半径、框阴影...),我使用了css3pie。然而,css3pie在DOM中生成了一些css3-container(v1)/css3pie(v2)标签,这打乱了预期的架构。这是一个例子:CSSpre{border:1pxsolid#aaa;border-radius:5px;behavior:url(pie.htc);}HTMLbarparagraphpreformattedjQuery//undefinedexpected:getmealert($("pre").prev().attr("class"));//css3-containere

javascript - 使用 css 和 javascript 将 div 翻转 180 度

我想使用触发css动画的javascript函数将div翻转180度。我的div有以下声明:.start-photo-thumb{position:relative;float:left;background:#444444;height:192px;width:192px;margin-right:10px;margin-bottom:10px;perspective:1000px;animation:rotating0.6slinearinfinite;animation-play-state:paused;}@keyframesrotating{from{transform:ro

javascript - 单击按钮时删除 div - 问题 : removing all divs

在按钮点击事件中,一个新的div被创建。用户可以创建尽可能多的div。一旦创建了div,它就可以拖动了,这要归功于jqueryuidraggablePLUGIN的帮助。.我已经设置了另一个点击按钮事件来删除创建的div。问题是当用户单击删除按钮时,它会删除所有div。如何将按钮附加到每个div以专门删除该div?JSFIDDLE查询/**Removenewlycreateddiv**/$(".remove").click(function(){$(".draggable").remove();});varz=1;$('#button').click(function(e){/**Mak

javascript - 通过使用带有 CSS 的图像显示背景网格

UPDATEDDEMO工作得很好,除了当我改变时背景图像正在调整大小:background-size:20px20px;是否可以保持原图大小,让背景图重叠(隐藏图片超出左上框(20px20px)的部分)?B计划是在设置的base64图像内容中用JS裁剪图像... 最佳答案 使用只有左边框和上边框的svg图像可能就是您要找的东西?检查片段,或这个jsfiddle(fiddle包含放大/缩小网格的按钮):body{background:url('http://testbed.nicon.nl/img/_FBs3b.svg')repeat