草庐IT

scrolling_div

全部标签

html + CSS : horizontal scroll lanes?

非常简单的标记:Headline01Loremipsumdolor...Headline02Loremipsumdolor...我的CSS是这样的:.horizontal{overflow-x:scroll;clear:both;}.horizontalp{float:left;width:500px;padding:020px20px0;}.horizontalp.image{width:1024px;}我不知道如何在不使用实际框架的情况下创建像下面的模型一样的水平“框架”。现在,图像不会float,因为.horizo​​ntal的with100%在#page-wrap内部。所以它们

html + CSS : horizontal scroll lanes?

非常简单的标记:Headline01Loremipsumdolor...Headline02Loremipsumdolor...我的CSS是这样的:.horizontal{overflow-x:scroll;clear:both;}.horizontalp{float:left;width:500px;padding:020px20px0;}.horizontalp.image{width:1024px;}我不知道如何在不使用实际框架的情况下创建像下面的模型一样的水平“框架”。现在,图像不会float,因为.horizo​​ntal的with100%在#page-wrap内部。所以它们

如何使用HTML和CSS模拟从图像/DIV到另一个图像/DIV的射线

我想构建一个页面以显示图像的爆炸版。我有较小的图像,并且构建了较大的图像。我不确定如何在较小图像中构建看起来像是从较小图像中出来的射线。htmlCSS.exp{margin:5px;width:100px;height:100px;background-color:#ded3c0;border-radius:100%;line-height:80px;align-items:center;display:flex;justify-content:center;}.exp.image{width:50px;height:50px;}.big-image{border:1pxsolid#000;p

html - 嵌套 div 的背景颜色

子div是否可以不继承父div的背景色,而是继承body标签的背景色?例如:somecontentbody{background-image:url("blah");}#main{background-color:white;}divsub将始终继承背景颜色为白色。但是在CSS中有没有一种方法(解决方法)来指定sub不应该继承白色?我读到CSS不允许这样做,但是有什么解决办法吗? 最佳答案 您要问的是主体上有一个背景图像,主体包含一个背景色为白色的div。然后您想要此div中的一个div可以看到背景图像吗?这是不可能的。虽然有一种方

html - 嵌套 div 的背景颜色

子div是否可以不继承父div的背景色,而是继承body标签的背景色?例如:somecontentbody{background-image:url("blah");}#main{background-color:white;}divsub将始终继承背景颜色为白色。但是在CSS中有没有一种方法(解决方法)来指定sub不应该继承白色?我读到CSS不允许这样做,但是有什么解决办法吗? 最佳答案 您要问的是主体上有一个背景图像,主体包含一个背景色为白色的div。然后您想要此div中的一个div可以看到背景图像吗?这是不可能的。虽然有一种方

html - 如何使 td 单元格内的 div 与下一个 td 重叠

我希望能够将div(元素E)定位在TD单元格(元素C)内,而不会将其他TD单元格(元素D)推到右侧。注意:除了元素E,我无法编辑该页面上的任何内容。 最佳答案 负右边距应该可以解决问题:margin-right:-50px;。示例:http://jsfiddle.net/peteorpeter/dvr9Z/绝对位置可以工作,但增加了其他复杂性。表格+绝对位置可能会很痛苦,尤其是流体内容。 关于html-如何使td单元格内的div与下一个td重叠,我们在StackOverflow上找到一个

html - 如何使 td 单元格内的 div 与下一个 td 重叠

我希望能够将div(元素E)定位在TD单元格(元素C)内,而不会将其他TD单元格(元素D)推到右侧。注意:除了元素E,我无法编辑该页面上的任何内容。 最佳答案 负右边距应该可以解决问题:margin-right:-50px;。示例:http://jsfiddle.net/peteorpeter/dvr9Z/绝对位置可以工作,但增加了其他复杂性。表格+绝对位置可能会很痛苦,尤其是流体内容。 关于html-如何使td单元格内的div与下一个td重叠,我们在StackOverflow上找到一个

html - 绝对div可以在响应式设计中使用吗

我已经开始设计一个摄影网站,我在左上角包含了一个绝对定位的标志。该区域由绝对定位的div和div内的图像组成。我想知道我是否可以制作绝对定位的div和Logo,根据屏幕尺寸缩小。有没有人可以帮忙?这是链接,因此您可以看到我正在处理的内容:http://www.photographybytaraandclaire.com/newsite/index.html 最佳答案 在处理响应式设计时,您应该使用百分比。如果您想计算Logo的宽度百分比,您可以使用。Logowidth/Wrapperwidth*100wrapper宽度是设计中wra

html - 绝对div可以在响应式设计中使用吗

我已经开始设计一个摄影网站,我在左上角包含了一个绝对定位的标志。该区域由绝对定位的div和div内的图像组成。我想知道我是否可以制作绝对定位的div和Logo,根据屏幕尺寸缩小。有没有人可以帮忙?这是链接,因此您可以看到我正在处理的内容:http://www.photographybytaraandclaire.com/newsite/index.html 最佳答案 在处理响应式设计时,您应该使用百分比。如果您想计算Logo的宽度百分比,您可以使用。Logowidth/Wrapperwidth*100wrapper宽度是设计中wra

从下拉列表中选择选项时显示隐藏的 div 的 Javascript

我在一个表单上有5个下拉列表,在这些列表下面有需要用户输入的DIV元素。我为第一个下拉列表显示第一个DIV,并使用style="display:none;"隐藏所有其他表单。我正在寻找一个Javascript,当我从第二个下拉列表中选择任何选项时,它会显示第二个DIV。如有任何帮助,我们将不胜感激。提前致谢,瑞安·史密斯Destination1Destination2Destination3Destination4Destination501ArriveDrop1>DepartDrop1>ArriveDrop2>DepartDrop2>ArriveDrop3>DepartDrop3>A