草庐IT

css - Normalize.css 顶部标题间隙

全部标签

javascript - 使用 css3 和 jquery 分别动画缩放和旋转

更新和澄清我需要执行一些在图标上立即旋转(使用css3transform)的jquery。然后一旦图标旋转,我想设置动画并缩放到200%的大小。但是,由于缩放和旋转都是一个CSS3属性(转换),我看到这两个转换都作为0.5秒的动画发生。(在JQUERY代码中,我还更新了位置(顶部、左侧),但由于它不在transition:标记中,因此它会根据需要立即发生。我想要的是立即发生旋转,并在2秒内发生缩放。有什么想法吗?CSS:transition:transform0.5s;-webkit-transition:-webkit-transform0.5s;JQUERY:self.pick=f

javascript - CSS 样式未应用于 Internet Explorer 7 中的动态元素

当我们在IE7中使用Javascript渲染动态元素时,CSS样式不会被应用。当我们使用WebDeveloper工具栏查看页面时,动态元素不会出现。页面在Firefox、Chrome和Safari中呈现良好。IE7是否无法将CSS样式应用于动态创建的元素?IE8正确呈现动态元素。这个问题适用于IE8,因为我们使用元标记强制IE8在IE7模式下呈现。谢谢! 最佳答案 我们发现了问题:我们需要使用setAttribute('className','cssClass'),而不是在新元素上使用setAttribute('class','cs

javascript - 检测属性是否可以通过 CSS3 转换设置动画?

可以使用CSS3转换动画的属性列表在浏览器之间并不一致,并且可能会随着新浏览器版本的变化而变化。例如,-moz-transform在FF3.6中不能与-moz-transition一起设置动画,但在FF4中可以。那么,有没有一种方法可以在JavaScript中检测特定属性是否可以设置动画?我不想使用用户代理嗅探,因为它不可靠。提前致谢! 最佳答案 是的,有办法。下面是演示,下面是解释。其中涉及一些非常重要的注意事项,因此请务必继续阅读。以下代码将测试浏览器是否可以在两个值之间设置动画。代码jsFiddledemo./*@paramp

javascript - 包含外部 CSS 文件是否安全,或者是否会导致代码注入(inject)?

我正在开发一个客户将使用的网站,方法是将其嵌入到他们网站的iframe中。我想让他们能够自定义内容的样式,这样他们就可以使内容符合他们网站的风格。我的基本想法是让他们给我一个CSS文件的URL,我应该将其包含在我为他们提供的页面中以填充iframe。据我所知这是安全的,但我对CSS不是特别熟悉(尤其是较新的版本),所以我想验证一下。有没有什么方法可以让某人构建一个CSS文件,让他们将代码注入(inject)我的网站或以其他方式访问我的域的cookie之类的东西?这真的安全吗,还是我需要想出不同的解决方案? 最佳答案 不,这是不安全的

javascript - 如何自定义传单 map CSS

我想更改传单map的样式。我想让它看起来更像谷歌地图的默认主题。是否有不同的css文件被引用以不同地设置map样式?哪里有主题存储库? 最佳答案 Leaflet有一个插件,其中包含大量不同的basemap切片集。它叫做leaflet-providers.其中一些非常好。有anotherplugin通过它您可以获得Google、Bing和Yandex的图block集(尽管不是Google的可自定义的)。最后,您可以通过Cloudmade制作您自己的自定义图block集。并将其加载到Leaflet中。前500,000个图block(每个

javascript - 为什么在使用 javascript/jQuery 添加类时 css 转换不起作用?

我有一个消息框,我想在点击时向下滑动它。我通过Angular(在我的例子中是jQuery)添加一个css类来做到这一点。但是我的CSS过渡没有生效。我有没有明显的错误?这是我的fiddle:http://jsfiddle.net/mBKXn/和我的代码://jQuery$('.test').on('click',function(){$('#msgContainer').toggleClass('msgShow');});//HTMLMessagehereT2T4TesttextClick//CSS.container{position:relative;height:200px;wi

javascript - FullCalendar 月 View 上的标题显示不正确

请查看我在https://preview.c9.io/tomheaps/enharmonic/Website/enharmonic_calendar.html?_c9_id=livepreview2&_c9_host=https://ide.c9.io制作的网页它有一个嵌入式谷歌日历,使用jquery插件FullCalendar设置样式。正如您将看到的,当您单击月View时,标题显示不正确,两个日期之间有一些奇怪的字符,并且显示“1st–7thJune2015”而不是“1st-7thJune2015”示例。我不确定这是否会发生,因为我使用OpenSans作为该标题的字体并且它不包含由j

javascript - Node.normalize() 在 IE6 中崩溃

我正在用javascript对TextNode进行一些操作,而且我(不幸的是)需要支持IE6。Node.normalize()崩溃了,我需要解决这个问题。我的第一个倾向是使用其他DOM方法重新实现它。我将如何实现? 最佳答案 以下版本比此处发布的其他版本更短、更高效。改进是:没有重复调用node.childNodes和node.childNodes.length不创建额外的文本节点;相反,对于每次合并,保留第一个现有文本节点并使用其appendData()方法更短代码:functionnormalize(node){varchild

javascript - 我的心智模型错了吗?如果使用 https 调用页面,则将使用 https 调用相对 css 路径

Ifyourpagegetscalledusinghttpsprotocol,anyrelativepathtoanexternalcsswillbecalledusinghttpsprotocolaswell.Areyoureallyneedtoencrypt/decryptcsscontents?:DHowever,ifyouuseabsolutepathreferringtoanexternalcss,youcanspecifytheprotocoltouse,generallyhttpratherthanhttps.MaybeIamwrong!请让我知道我的心智模型是否完全错误

javascript - 如何使用 CSS 或 Javascript 定位 Mac

我需要在我的样式表中使用特定的Mac样式。最好的方法是什么? 最佳答案 在理想情况下,您不需要为不同的操作系统fork样式。然而,有时特定的设计会需要它-特别是样式表单元素。如果你真的需要,下面的脚本将在html元素上设置一个类:(function(flags,app){os('Win','os-win');os('Mac','os-mac');if(document.documentElement){document.documentElement.className+=flags.join('');}functionos(s,f