草庐IT

css - 如何在固定高度 div 后制作无限 div?

这个问题在这里已经有了答案:Makeadivfilltheheightoftheremainingscreenspace(40个答案)关闭8年前。假设我有2个分区。第一个的高度为100px。最后一个应该从第一个结束到网站结束。我尝试了所有我知道的方法:当我将它设置为100%时,它会占据整个网站,所以100像素太多了。当我在不设置高度的情况下尝试时,我得到的只有我写的那么多。

html - 父 div 背景的透明度

我想知道是否可以影响父div的bg颜色或不透明度。我有一个透明白色的div:background-color:rgba(255,255,255,0.9);div包含带圆Angular的文本字段,文本字段的背景颜色是否可以某种方式为负透明度数,以便div和文本字段的总不透明度等于0.5?这就像在已经透明的div的圆形记录中增加透明度。我提出了3种可能的解决方案:使父dic完全透明,并将div绘制为字段周围的框架。(听起来很复杂。)在文本字段内再次添加div下面的内容。(性能?)某种十字路口。你觉得我应该怎么做?--编辑---我使用了解决方案#2的变体,我创建了一个png文件。这是(未经调

html - 父 div 背景的透明度

我想知道是否可以影响父div的bg颜色或不透明度。我有一个透明白色的div:background-color:rgba(255,255,255,0.9);div包含带圆Angular的文本字段,文本字段的背景颜色是否可以某种方式为负透明度数,以便div和文本字段的总不透明度等于0.5?这就像在已经透明的div的圆形记录中增加透明度。我提出了3种可能的解决方案:使父dic完全透明,并将div绘制为字段周围的框架。(听起来很复杂。)在文本字段内再次添加div下面的内容。(性能?)某种十字路口。你觉得我应该怎么做?--编辑---我使用了解决方案#2的变体,我创建了一个png文件。这是(未经调

CSS:3 个非典型包装的 div

我正在尝试实现一些非典型的div行为,所以我不确定这是否可行。我有三个水平相邻的div:A、B和C(从左到右)。当浏览器调整大小时,或者如果用户的浏览器窗口太小,我希望divB低于divA,而不是divC低于divA的典型行为。此代码演示了典型行为:Title.box{display:inline-block;margin:4px;background:#ccc;width:200px;}divadivbdivchttp://jsfiddle.net/P5xLx/当我将divA和B放在一个表格单元格中,将divC放在另一个表格单元格中时,我可以让divB低于divA。唯一的问题是包含这

CSS:3 个非典型包装的 div

我正在尝试实现一些非典型的div行为,所以我不确定这是否可行。我有三个水平相邻的div:A、B和C(从左到右)。当浏览器调整大小时,或者如果用户的浏览器窗口太小,我希望divB低于divA,而不是divC低于divA的典型行为。此代码演示了典型行为:Title.box{display:inline-block;margin:4px;background:#ccc;width:200px;}divadivbdivchttp://jsfiddle.net/P5xLx/当我将divA和B放在一个表格单元格中,将divC放在另一个表格单元格中时,我可以让divB低于divA。唯一的问题是包含这

javascript - 在鼠标单击时选择一个与另一个透明 div 重叠的元素

我正在开发一个仪表板,用户可以在其中拖放元素来创建html页面。现在,他可以使用图像组件拥有多个图像。我们已经设法计算了z-index的图像,它们可以使用上下键进行调整。问题:我们面临的问题是,当我们选择一个图像组件时,我们在其上方附加了一个虚线层,以帮助用户轻松拖动和调整其大小。如果用户将图像放置在下面的image中我们无法再次选择内部图像,因为选择div的z-index(带有蓝点的)是(必须)最高(我们必须将其用于所有组件的最高bcoz)。因此,如果我现在尝试选择内部图像,则无法选择。我该如何处理这种情况?作为引用,它按预期在this站点上工作。我相信当它被点击时,我们已经得到了父

javascript - 在鼠标单击时选择一个与另一个透明 div 重叠的元素

我正在开发一个仪表板,用户可以在其中拖放元素来创建html页面。现在,他可以使用图像组件拥有多个图像。我们已经设法计算了z-index的图像,它们可以使用上下键进行调整。问题:我们面临的问题是,当我们选择一个图像组件时,我们在其上方附加了一个虚线层,以帮助用户轻松拖动和调整其大小。如果用户将图像放置在下面的image中我们无法再次选择内部图像,因为选择div的z-index(带有蓝点的)是(必须)最高(我们必须将其用于所有组件的最高bcoz)。因此,如果我现在尝试选择内部图像,则无法选择。我该如何处理这种情况?作为引用,它按预期在this站点上工作。我相信当它被点击时,我们已经得到了父

javascript - 防止浏览器搜索 ctrl f 滚动我折叠的 div

我有一个面板,它通过将包装器div的宽度设置为比内容的宽度小很多来“折叠”。但是,当我使用ctrlf搜索单词时,折叠的面板会滚动,即。折叠面板的包装器div的scrollLeft属性不再为0。这是一个问题,因为我不希望它滚动,因为它会弄乱UI。有没有办法阻止搜索自动滚动折叠面板中的内容?我可以锁定某种事件(焦点?),以便在浏览器搜索激活时将scrollLeft重置为0,或者我可以设置CSS?我没有使用jQuery,所以任何与jQuery相关的都不是一个选项。 最佳答案 这是任何浏览器的默认功能和用户期望的功能,删除或阻止它会使开发人

javascript - 防止浏览器搜索 ctrl f 滚动我折叠的 div

我有一个面板,它通过将包装器div的宽度设置为比内容的宽度小很多来“折叠”。但是,当我使用ctrlf搜索单词时,折叠的面板会滚动,即。折叠面板的包装器div的scrollLeft属性不再为0。这是一个问题,因为我不希望它滚动,因为它会弄乱UI。有没有办法阻止搜索自动滚动折叠面板中的内容?我可以锁定某种事件(焦点?),以便在浏览器搜索激活时将scrollLeft重置为0,或者我可以设置CSS?我没有使用jQuery,所以任何与jQuery相关的都不是一个选项。 最佳答案 这是任何浏览器的默认功能和用户期望的功能,删除或阻止它会使开发人

javascript - iOS:带有-webkit-backface-visibility的多个div:缩放时隐藏浏览器崩溃

当我在我的iPad4浏览器(无论是Safari还是Chrome)上查看以下html页面时,浏览器在缩放时崩溃(双击缩放或双指缩放)。该页面包含40个具有属性-webkit-backface-visibility:hidden的简单div(为简洁起见由javascript插入)。.front{-webkit-backface-visibility:hidden;position:absolute;border:1pxsolidblack;width:800px;height:800px;}$(function(){for(vari=0;i同样的问题大概也发生在iPhone和旧款iPad上