草庐IT

background_element

全部标签

jquery - 我可以淡入背景图像吗(CSS : background-image) with jQuery?

我有一个div元素,里面有文本和一张背景图片,这是通过CSS属性background-image设置的。是否可以通过jQuery淡入背景图像?div{background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(http://upload.wikimedia.org/wikipedia/commons/8/84/Konqi_svg.svg);border:1pxsolid#666;height:10em;}Text编辑我做了一个fiddle举例说明我

html - 最佳 JSON-LD 实践 : using multiple <script> elements?

我很好奇将JSON-LD应用到schema.org站点的最佳实践。如果我有一个包含Article的页面,并且我还想在我的页面上定义WebSite,我会这样:{"@context":"http://schema.org","@type":"WebSite","url":"http://www.example.com/","potentialAction":{"@type":"SearchAction","target":"http://www.example.com/search?&q={query}","query-input":"required"}}{"@context":"htt

html - :after and :before CSS pseudo elements hack for Internet Explorer 7

我正在使用:after和:beforeCSS伪元素,它在InternetExplorer8和所有现代浏览器中工作正常,但它在InternetExplorer7中无法正常工作。在InternetExplorer7中是否有解决此问题的已知黑客? 最佳答案 使用任何纯CSShack都是不可能的。使用IE8.jshttp://code.google.com/p/ie7-js/它支持这个。http://ie7-js.googlecode.com/svn/test/index.html测试页也有之后-http://ie7-js.googleco

html - 高度 : 100% or min-height: 100% for html and body elements?

在设计布局时,我将html,body元素的height设置为100%但在某些情况下,这会失败,所以应该怎么办被使用?html,body{height:100%;}或html,body{min-height:100%;}嗯,这不是基于意见,因为每种方法都有其自身的缺陷,那么推荐的方法是什么?为什么? 最佳答案 如果您尝试将背景图像应用于填满整个浏览器窗口的html和body,两者都不会。改用这个:html{height:100%;}body{min-height:100%;}给出我的推理here(我在这里全面解释了如何以这种方式应用背

html - <o :p> elements do anyway? 是做什么的

我遇到了一些(标准)问题,MicrosoftOffice在通过Outlook转发电子邮件后将其讨厌的标记注入(inject)到一些html中。我很想知道:是否有资源解释元素实际上是通常会注入(inject)哪些其他MSO元素 最佳答案 找不到任何官方文档(这并不奇怪),但根据thisinterestingarticle,注入(inject)这些元素是为了使Word能够将HTML转换回完全兼容的Word文档,并保留所有内容。相关段落:MicrosoftaddedthespecialtagstoWord'sHTMLwithaneyeto

html - 使用 CSS :before and :after pseudo-elements with inline CSS?

我正在使用内联CSS(即style属性中的CSS)制作HTML电子邮件签名,我很好奇是否可以使用:before和:after伪元素。如果是这样,我将如何使用内联CSS实现类似的东西?td{text-align:justify;}td:after{content:"";display:inline-block;width:100%;} 最佳答案 您不能为伪元素指定内联样式。这是因为伪元素,如伪类(参见我对thisotherquestion的回答),是在CSS中定义的,使用选择器作为文档树的抽象,不能用HTML表示。另一方面,内联sty

ios - viewWillTransitionToSize :withTransitionCoordinator: called when app goes into the background or inactive

当应用程序进入后台或自iOS9起处于非事件状态时,方法viewWillTransitionToSize:withTransitionCoordinator:似乎被调用了多次。例如,如果应用程序在iPad上处于纵向模式,按下主页按钮将导致应用程序首先接收大小为1024x768(横向)的方法调用,然后接收768x1024(返回纵向)的方法调用。这使我得出结论,iOS这样做是为了获取应用程序切换器的屏幕截图。我们的应用程序逻辑取决于屏幕尺寸,屏幕尺寸的变化会触发任务,根据新尺寸更新我们的模型。我们需要在用户旋转设备或进入多任务模式(SplitView)时执行此操作,但我们不能在用户进入后台时

ios - 自动布局 : Xcode 6: Centering UI elements

我在Xcode6中使用InterfaceBuilder来制作应用程序,但我无法让文本字段和按钮在不同尺寸的屏幕上居中显示。我认为这是在容器中选择水平和垂直居中的问题,但当我在自动布局中尝试时似乎并非如此。事实上,我已经修改了一些,但我仍然没有得到它。我只是希望能够在任何尺寸的iPhone屏幕上看到我的所有按钮和文本字段,而现在模拟器只显示这些UI元素的一部分,如下所示:我还想在Storyboard中而不是在代码中执行此操作,因为我还没有达到在代码中执行此操作的级别。 最佳答案 第1步:确保您的尺寸等级至少在纵向View中覆盖整个iP

ios - 为什么 CSS background-size : cover not work in portrait mode on iOS?

我正在尝试跨设备设置手动splash-image。我通过检查orientation(触摸设备)或screenwidthvs.screenheight(非触摸)并相应地设置url来实现。然后我通过Javascript添加这个CSS规则:document.styleSheets[3].insertRule('.initHandler:before{background:url('+x+')no-repeatcentercenterfixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size

ios - watchOS 2 : haptic feedback in background

我想我已经知道这个问题的答案了,但我想问的只是为了彻底。以AppleWatch内置的map应用为例。当您使用逐向导航时,当需要左转或右转时,watch会播放自定义触觉模式-即使屏幕关闭且应用程序处于后台。另一个例子是当你在锻炼时——如果你设定了一个目标,当你达到50%和100%时,你的手腕会被轻拍一下,即使你没有看watch当时(屏幕关闭,应用后台运行)。在watchOS2中,我们第3方开发人员是否有任何方法可以让应用在屏幕关闭且应用处于后台时播放特定的触觉模式?我知道playHaptic:方法在应用程序处于事件状态时起作用,可以让您播放几种不同类型的触觉模式,而且我知道当应用程序处于