草庐IT

CSS属性

全部标签

javascript - Ajax 响应后无法重新触发 CSS 3 动画

这是一个HTML表单:Username:Password:这里是调用的JavaScript函数的相关代码if(xmlhttp.readyState==4&&xmlhttp.status==200){if(xmlhttp.responseText)document.getElementById("loginForm").submit()else{document.getElementById("report").style.webkitAnimationName="";setTimeout(function(){document.getElementById("report").styl

javascript - 移动设备上的 100% 高度和 CSS

我敢肯定这个问题以前有人问过,但我找不到任何非常相似的东西(有些问题略有相似)移动浏览器的趋势是在您向下滚动时隐藏地址栏,这很好,但对于严重依赖基于百分比的元素高度的网站来说存在问题,例如我现在制作的响应式网站。问题是,视口(viewport)大小会根据地址栏的可见性而变化。意思是,地址栏不可见时的100%高度大于其可见时的大小。当您滚动时,这会导致网站重新配置不稳定。这在移动版GoogleChrome上尤其成问题,因为每当您在页面中的任何位置向上滚动时,地址栏都会返回。大量不稳定的重新配置。我希望100%在没有地址栏的浏览器中表示100%。无论我采取什么解决方案,它都需要一些Java

javascript - 3D CSS 变换 : translateZ causes elements to disappear in Chrome

我正在使用Javascript在Chrome中操作CSS转换,我注意到当translateZ值变得太低(很远)时,元素将会消失。这似乎只有在有大量元素时才会发生。这似乎与元素的z-index有关。这是问题的一个例子:http://jsbin.com/iZAYaRI/26/edit将鼠标悬停在输出上以查看问题。有人知道为什么会这样吗?更新:看起来该元素并没有真正消失,而是移动了一千个像素左右。 最佳答案 在我的例子中,z平移属性大约为零。将我的零翻译从0更改为1解决了我的问题。在safari中运行的原始代码:transform:sca

javascript - 在 JavaScript 中限制对 'style' 属性的访问

我开始开发一个小型JavaScript库,我想只通过我的API来设置HTML元素的样式(因为出于某种原因我需要完全控制样式)。所以我想让style属性不可访问(我的API将通过我的style别名访问它-这不是一个理想的解决方案,但对于像jQuery这样的其他库来说它可以技巧)。如果我这样写(受thistopic启发):varbox=document.getElementById('someElementId');Object.defineProperty(box,'style',{get:function(){throw'youcantaccessstyleproperty';}});

javascript - Select2 给表单控件添加一个 title 属性

我正在使用Select2版本3.4.8,最近注意到代码使用关联labeltitle属性用于title。我假设Select2开发人员的意思是将此作为可访问性改进,但这是一个可疑的选择,因为已经有一个关联的label。我正在寻找一种无需直接修补select2.js即可禁用此功能的方法。我查看了文档,但找不到任何东西。有没有办法做到这一点,或者我是否必须修补select2.js(可能注释掉第692行)或编写几行脚本来删除title属性在将它们添加到.select2-containerdiv之后?(或者这在3.5.0版中已修复?) 最佳答案

javascript - 如何通过 url 重写在 Web 元素中正确缩小/合并 CSS/JS

我已经努力了好几个小时,试图设置真正重写url的适当缩小。我用过useref和usemin,它们在扫描html、聚合所有JS和CSS并输出到一个文件方面做得很好。但是,对于我来说,我无法使url重写以正常工作。我的结构很简单:\rootindex.htmlapplication.css//minifiedapplication.js//minified\vendor\bootstrap\fonts//fontfilesherebootstrap.css//pre-minifiedbootstrap.css使用相对url引用字体文件-font/bootstrap_font.ttf当boo

javascript - 无法读取未定义的属性 'clone'

我正在使用Fullcalendar并尝试更新事件。我正在尝试进行ajax回调以获取该事件的def编辑。路由是/controls/:id/edit,所以我构建了这个ajax回调:eventClick:function(date,jsEvent,view){console.log(date.id)console.log(jsEvent)console.log(view)$.ajax({type:"GET",url:"/controls/"+date.id+"/edit",});$('#calendar').fullCalendar('updateEvent',event);}control

javascript - ListItem 的 items 属性的 XTemplate 定义

我正在使用Sencha2.3.0,并且我希望在ListItem上的组件(文本字段)上有一个并排的XTemplate。上面的代码适用于DataView/DataItem,但我想使用仅在List/ListItem上可用的分组属性。嵌套的Xtemplate可以很好地呈现为DataItem。我怎样才能让它适用于ListItem?我也接受删除此嵌套结构并直接在ListItem上使用xtemplate作为tpl属性的解决方案(当然,还必须实现带有监听器的文本字段)。列表Ext.define('app.view.myList',{//extend:'Ext.dataview.DataView',ex

javascript - 将 host 属性添加到生成的 DOM 元素

我正在尝试集成d3和angular2alpha.37(从here开始)。我目前遇到的问题是生成的DOM元素没有获得在模拟样式View封装中使用的属性,因此如果不将元素的View封装设置为None(或native,但我无法设置它们的样式宁愿使用模拟)。我设法以编程方式从组件[1]内的元素中提取所需的属性,然后将其添加到生成的元素中[2],这确实有效,但这显然是令人难以置信的hacky:import{Component,View,Attribute,ElementRef,LifecycleEvent}from'angular2/angular2';importd3from'd3';@Com

javascript - 检索或更改伪元素的 css 规则

编辑2015-10-071624CST这个问题已被标记为可能重复-我发布它的原因是其他问题的答案都没有提供我想要的所有信息,我想要一种简单直接的方法来做到这一点。我可以控制样式表和规则的顺序,以便引用正确的规则。我还想就这种方法的可行性得到反馈,因为它在future会被打破。查看我在下面发布的评论,了解我不接受可能重复问题的答案的其他原因。**原始问题如下**我搜索了一个这样的问题,并找到了一些解决问题的一部分,但不能同时检索和更改伪元素的CSS值,如::before和::after.在来这里之前我已经用谷歌搜索了网络,基本上我发现没有理想的方法可以做到这一点。我找到了一种适用于FF4