草庐IT

background-position-y

全部标签

jquery - 响应式设计 : How to resize images/background images and align divs vertically?

我正在尝试响应式设计。我的图片目前没有调整大小。在我的标记中,我还将背景图像应用于某些需要调整大小的div。这是HTMLView:http://jsbin.com/emojeg/2请在此处查看代码:http://jsbin.com/emojeg/2/edit对于800像素到1100像素之间的屏幕宽度,我想调整图像的大小。对于低于800像素的任何内容,我想垂直对齐相框-无论屏幕宽度是否允许,每行1或2个。目前,当我将浏览器调整为更窄的宽度时,最多2个框架会换行到下一行,但如果我继续进一步调整大小时,相框的背景似乎被切断并且一些图像似乎消失了。不确定如何解决这个问题。

Python之常见报错missing 2 required positional arguments的2种问题排查方法

报错:TypeError:wait_assert_sql()missing2requiredpositionalarguments:'assert_sql'and'value'@propertydefwait_assert_sql(self,assert_sql,value):  print("assert_sql")  print("value")Request.wait_assert_sql(assert_sql="select",value=2)分析原因1:由@property装饰后,调用函数时不需要填写参数。因为调用时,填写了参数,所以出现了报错报错:TypeError:wait_as

html - CSS 显示 :block and position:fixed

为什么这段代码会:div{background-color:yellow;display:block;position:fixed;}当我添加position:fixed时,div不显示为display:block(即流过页面)?似乎还行不通?注意我是CSS的新手,所以如果这只是一个愚蠢的错误,我深表歉意 最佳答案 当您使用position:fixed;或position:absolute;时,该元素将脱离文档的常规流。div元素的width的默认设置是auto,这意味着它将使用它所在的全部可用宽度。当您将它从流程中取出时,不再有任

html - CSS 显示 :block and position:fixed

为什么这段代码会:div{background-color:yellow;display:block;position:fixed;}当我添加position:fixed时,div不显示为display:block(即流过页面)?似乎还行不通?注意我是CSS的新手,所以如果这只是一个愚蠢的错误,我深表歉意 最佳答案 当您使用position:fixed;或position:absolute;时,该元素将脱离文档的常规流。div元素的width的默认设置是auto,这意味着它将使用它所在的全部可用宽度。当您将它从流程中取出时,不再有任

html - 使用 CSS 在图像上显示图像 : Position tags query

我已经创建了一个代码来在图像上显示图像。这是代码:.imgA1{position:absolute;top:0px;left:0px;z-index:1;}.imgB1{position:absolute;top:70px;left:100px;z-index:3;}现在我在帖子中将其添加到我的博客站点。图像似乎与屏幕一起定位。这些图像一个接一个地出现,但即使在添加了我想让它们出现的代码之后,它们仍然位于屏幕的最左Angular。我想让它们出现在我帖子中的一些文本下方。我认为位置标签的“绝对”值存在一些问题。但我不知道如何克服这个问题。 最佳答案

html - 使用 CSS 在图像上显示图像 : Position tags query

我已经创建了一个代码来在图像上显示图像。这是代码:.imgA1{position:absolute;top:0px;left:0px;z-index:1;}.imgB1{position:absolute;top:70px;left:100px;z-index:3;}现在我在帖子中将其添加到我的博客站点。图像似乎与屏幕一起定位。这些图像一个接一个地出现,但即使在添加了我想让它们出现的代码之后,它们仍然位于屏幕的最左Angular。我想让它们出现在我帖子中的一些文本下方。我认为位置标签的“绝对”值存在一些问题。但我不知道如何克服这个问题。 最佳答案

html - 使用变换 : translateY(-50%); inside absolutely positioned div 垂直对齐

我正在尝试使用以下代码将h2垂直居中放置在高度为50%的div中:#owl-demoh2{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}在Chrome上工作正常,但h2在SafariIOS中消失,除非我将h2设置为绝对定位,然后我无法使用text-align将文本居中。非常感谢任何帮助,我一整天都在努力完成这项工作。编辑:所以看起来高度50%是父div的问题,如果我删除它,文本会出现在IOS中。

html - 使用变换 : translateY(-50%); inside absolutely positioned div 垂直对齐

我正在尝试使用以下代码将h2垂直居中放置在高度为50%的div中:#owl-demoh2{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}在Chrome上工作正常,但h2在SafariIOS中消失,除非我将h2设置为绝对定位,然后我无法使用text-align将文本居中。非常感谢任何帮助,我一整天都在努力完成这项工作。编辑:所以看起来高度50%是父div的问题,如果我删除它,文本会出现在IOS中。

html - 为什么 height 和 top 属性在 position 是相对的时候不起作用?

这会将框定位在顶部下方一点HelloWorld这会将框定位在顶部附近,看起来height和top属性都不是在职的。盒子的高度不是50%,盒子不是低于顶部的50%。HelloWorld我在这方面几乎是个初学者,但如果left和width与百分比一起工作似乎不应该是top和height? 最佳答案 如果它的父级没有固定高度,你的盒子不能有一个高度,即它的父级的百分比,因为那样盒子就不知道它需要多高(通常这样的父元素是body或其他一些包装元素)。作为直接结果,带有百分比的top也不会产生任何影响。

html - 为什么 height 和 top 属性在 position 是相对的时候不起作用?

这会将框定位在顶部下方一点HelloWorld这会将框定位在顶部附近,看起来height和top属性都不是在职的。盒子的高度不是50%,盒子不是低于顶部的50%。HelloWorld我在这方面几乎是个初学者,但如果left和width与百分比一起工作似乎不应该是top和height? 最佳答案 如果它的父级没有固定高度,你的盒子不能有一个高度,即它的父级的百分比,因为那样盒子就不知道它需要多高(通常这样的父元素是body或其他一些包装元素)。作为直接结果,带有百分比的top也不会产生任何影响。