草庐IT

4.CSS盒子模型

全部标签

javascript - CSS/JavaScript - 元素外的内容溢出 :hidden

我有一个容器div元素,上面有overflow:hidden。不幸的是,由于网站的制作方式,此属性是必需的。在这个div中是所有网站内容,包括一些工具提示。当您将鼠标悬停在链接或其他内容上时,这些工具提示将通过jQuery显示。问题是,由于上面的溢出,这些工具提示中的一些将显示部分隐藏,因为它们位于容器div之外......有什么方法可以显示此容器内的特定元素,即使它超出了容器的边界?也许是JavaScript解决方案?html看起来像这样:themaincontentthetooltipthing 最佳答案 试试这个:themai

javascript - jQuery:使用 CSS3 而不是 JavaScript 制作动画

我正在转换一个基于jQuery的网络应用程序以便在iPad上使用,并且需要利用CSS3动画的硬件加速性能。我已经在使用fadeIn、fadeOut和一些定位动画,所以理想情况下我想要一个插件来覆盖这些功能以使用CSS3,而无需更改核心功能。我四处搜索,但找不到任何人解决过这个问题,所以我正在考虑自己编写一个插件,但我想确保其他人还没有这样做。如有任何反馈,我们将不胜感激! 最佳答案 结帐如何http://playground.benbarnett.net/jquery-animate-enhanced/

javascript - 使用 CSS 返回元数据

我有一个在服务器上动态创建的CSS样式表,并通过返回标签。是否可以使用此样式表返回我可以使用JavaScript读取的任何元数据?(用例:我返回的样式表是几个较小的样式表的组合。我希望我的JavaScript代码能够检测到包含哪些较小的样式表。)我考虑过向元素添加一些自定义属性:body{-my-custom-prop1:0;-my-custom-prop2:0;}但是当我尝试阅读这些内容时:window.getComputedStyle(document.body)['-my-custom-prop1']它们不会被退回。还有其他想法吗?编辑:我最终采用了一种略有不同的方法。而不是添加

javascript - 在网络浏览器中显示 3dsmax 模型

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭4年前。Improvethisquestion我有一些用3dmax/maya/cad/4dcinema编写的3d模型,我想在我的网站上显示它们,以便用户可以旋转模型并检查它。我在网上找到了这个http://replimat.com/thingiview/examples/client_side_ajax.html如果我能以某种方式将这些模型从3dmax/maya/cad/3dcinema转换为OBJ/STL,我认

javascript - 设置 Backbone.View 的动态 css 样式属性

我正在尝试设置的高度、宽度和背景图像元素。这是我的Backbone.View的内容:varRackView=Backbone.View.extend({tagName:'ul',className:'rackunselectable',template:_.template($('#RackTemplate').html()),render:function(){this.$el.html(this.template(this.model.toJSON()));returnthis;},attributes:function(){varisFront=this.model.get('i

javascript - CSS3不透明度的最大精度是多少?

所以我一直在生成opacityforinteractivefading.不过,我认为对不透明度使用未四舍五入的值并不是一个好主意。如果最大精度低于最大javascript精度,浏览器似乎对该值进行四舍五入,但认为它已更改。所以问题是,对CSS3opacity有意义的最大精度是多少? 最佳答案 Opacity基本上允许您想要的小数位数,但问题是HTML只能以256种不同的方式改变其亮度。因此,最敏感的不透明度将出现在白色的黑色之上,这将有256种不同的可见色调。这是因为R、G和B之间的比例必须始终保持不变才能保持相同的颜色。因此,由于

javascript - Nightwatch 无法通过 css id 或类选择器定位元素

我们正在使用Nightwatch来自动化我们的一些UI测试。目前的一些测试相当脆弱,主要与奇怪的CSS选择器有关,我正在努力简化它们。但是,我希望可以使用的一些简单的CSS选择器,嗯,不是。我试图找到这个深度嵌套的标签:EndSession这里有一些有效的代码:.waitForElementVisible('#quoteSummary>div>div>div>div>a:nth-child(2)',1000).click('#quoteSummary>div>div>div>div>a:nth-child(2)')但这是一个讨厌的CSS选择器,我想用这个替换它:.waitForElem

javascript - 主干模型 : Ajax request in parse override

我有一个场景,模型的fetch()调用将返回数据,需要从中将属性传递给另一个API,而该API的返回类型将是实际需要的数据。varIssue=Backbone.Model.extend({urlRoot:'https://api.github.com/repos/ibrahim-islam/ibrahim-islam.github.io/issues',parse:function(response,options){varmarkdown=newMarkdown({text:response.body});markdown.fetch({contentType:'applicatio

javascript - 强制 IE 到 'redraw' 一个带有 JavaScript 的元素来修复 CSS 错误?

我遇到了IE错误。CSScounter属性在IE9中不适用于在页面加载时隐藏的元素(例如选项卡)。csscounternotworkingininternetexplorerforhiddencontent-howtofix?正如我在上面发布的那样,我已经能够通过使用JavaScript设置一些内联CSS来解决这个问题。当它未隐藏时,我将padding-left设置为0(即使该元素已经没有左填充)。这会使IE“重绘”元素,然后正确应用CSS。但这不是理想的解决方案。如果设计更改为在元素上留有填充,那么我的JavaScript修复将破坏布局。我还可以使用什么其他方法让IE“重绘”元素?有

javascript - 为什么 backbone.js 在访问模型时返回一个空数组?

我有一个路由器访问它的集合。我的for循环没有遍历模型,所以我尝试记录集合以查看它返回的内容。事实证明,当我直接记录集合时,我会按预期看到所有模型。但是如果我尝试记录集合的模型属性,我会得到一个空数组!这没有意义。这些线直接相互跟随。我尝试更改顺序并得到相同的结果。console.log(this.collection);=>Shots_byCid:Object_byId:Objectlength:15models:Array[15]__proto__:Shots...console.log(this.collection.models);=>[]console.log(this.co