草庐IT

html - 为什么后台附件: fixed make background-size:cover resize to the window proportions?

如果您想要调整大小以覆盖整个标题的标题图像,但也希望固定背景附件,则背景图像将不再覆盖包含的div,而是会尝试覆盖整个窗口。这是一个显示问题的fiddle。只需在CSS上切换第13行的命令即可。当您更改为http://jsfiddle.net/TqQv7/155/#top-left{position:absolute;top:0px;left:0px;width:50%;height:50%;background:#000url('http://placekitten.com/2000/1000')no-repeat;-moz-background-size:cover;backgro

html - 背景尺寸 : cover not scaling image in div

我有四个大小相同的div,设置如下:每个都是页面宽度的50%,并且是绝对定位的。像这样,例如:#top-right{position:absolute;top:0px;left:50%;width:50%;height:50%;}问题是当我尝试通过CSS3封面缩放(大)背景图像时。这是我目前拥有的背景图片CSS:background:#000url('DSC01992.jpg')centercenterfixedno-repeat;background-size:cover;-moz-background-size:cover;-o-(etc.)这是一个活生生的例子:http://js

html - 背景大小为 : cover 的背景过渡

这可能已经在某个地方得到了回答,但经过一番搜索后我还没有找到。我有一系列带有背景图像的div。大小设置为背景大小:封面。但我希望能够放大图像并在悬停时放大。此转换似乎不适用于cover属性。实际上,图像缩放但没有过渡效果。它立即从“覆盖”变为110%。当原来的background-size设置为100%时效果很好。但是有了这个,在调整页面大小时,图像似乎有点平铺在div后面,这不是我想要的。封面始终保持中心位置,这是我想要的。任何关于如何在随着覆盖或相同效果增长时进行过渡的建议。电影 最佳答案 在为背景尺寸使用CSS动画时,不能使用

html - 如何将 background-size 设置为 "cover",再加上 CSS 中的更多内容?

我有一个固定高度为850像素的容器。我想要一个背景图片,它可以在所有缩放级别覆盖整个背景。我会使用background-size:cover但是,我需要它比cover大一点。为了创建视差,我希望一些背景从容器中渗出并且看不见。基本上,我如何使用background-size:cover,并在此基础上稍微增加尺寸?编辑:忘了说我也在使用background-attachment:fixed,所以如果我没记错的话,它实际上是通过浏览器窗口的大小(?)而不是850像素高的容器。在这种情况下,我将如何添加额外的出血? 最佳答案 只需使用ba

html - 适合对象 : cover; alternative?

这个问题在这里已经有了答案:Howtocoveradivwithanimgtag(likebackground-imagedoes)?(3个答案)关闭2年前。我的页面上有一张图片,我想保持其比例,但要根据屏幕尺寸调整大小。我希望它能使宽度和高度中较小的一个完全适合元素,而较大的尺寸会溢出元素。我找到了object-fit:cover;风格适合我的需要,但很快发现对此的支持非常有限(仅限歌剧)。还有什么我可以用来实现这个目标的吗?提前致谢:)

ios - setStatusBarHidden :NO after XIB load covers UINavigationBar

当setStatusBarHidden:NO设置为View加载时,UINavigationBar和其他元素立即对齐在StatusBar下方。但是,当setStatusBarHidden:NO设置为View加载时,UINavigationBar会被部分覆盖。StatusBar必须在载入上述View后显示出来,但如何才能不遇到上述问题呢? 最佳答案 我在我的代码中发现了一个hack,但不记得或找不到它的来源。诀窍是通过隐藏和重新显示来刷新导航栏:[self.navigationControllersetNavigationBarHidd

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

javascript - 从背景大小 :cover/contain 中检索计算值

使用background-size:cover用400x200的背景图像覆盖浏览器的视口(viewport):html,body{height:100%;}body{background:url("http://lorempixel.com/g/400/200/")centerno-repeat;background-size:cover;}我想通过javascript检索应用于图片的计算background-size值,例如1536px768px现场演示:http://s.codepen.io/abernier/fullpage/rHkEv注意:我只是想阅读,而不是计算它(因为浏览器

javascript - 使用 jQuery 或其他库的 Apple Cover-flow 效果?

有谁知道如何使用JavaScript滚动浏览一堆图像来实现封面流效果。我说的不是3D旋转itunes封面艺术,而是当您在文档文件夹中按下空格键时发生的效果,允许您在lightbox时尚。 最佳答案 http://www.jacksasylum.eu/ContentFlow/是我发现的最好的。一个真正的“CoverFlow”,高度可配置,跨浏览器,非常流畅的Action,有选择并支持滚轮+键盘控制。-一定是您要找的! 关于javascript-使用jQuery或其他库的AppleCover

go - go tool cover : Overview of coverage per file的HTML输出

go工具提供了一个很好的htmlView,突出显示未覆盖的代码。但是您需要选择要在选择框中显示的文件,而不知道其中是否有任何未覆盖的代码。如果我有很大的覆盖率和很多文件,我经常会发现自己一个接一个地检查文件,以便找到没有100%覆盖率的文件。我知道-func开关,但是有没有一种方法可以将html输出过滤为仅覆盖率未达到100%的文件,或者在显示文件旁边的覆盖百分比? 最佳答案 我刚刚发送了一个更改以将此功能添加到封面工具:https://codereview.appspot.com/127030043