问题：

字段集中的背景色问题溢出

庞意智

2023-03-14

我在我的网站中为一个表单使用了一个特定高度的字段集，并将溢出设置为自动。当我将背景色应用到字段集时，在滚动时，字段集中的背景色和内容在上下滚动时看起来很奇怪。任何建议或想法都会有很大帮助。请在此处找到示例快照=>；快照（每次不同）。在这里也可以找到示例代码=>；Jsfiddle。提前谢谢你。

示例代码:

null

css lang-css prettyprint-override">#fieldset {
background-color: grey;
width: 250px;
height: 150px;    
overflow: auto;
}

<div id="page_content">
    <fieldset id="fieldset">
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
       
      </fieldset>
</div>

null

共有2个答案

卫彭亮

2023-03-14

将background-blend-mode:color添加到#fieldset中。

null

#fieldset {
background-color: grey;
width: 250px;
height: 150px;    
overflow: auto;

background-blend-mode: color;
}

<div id="page_content">
    <fieldset id="fieldset">
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
       
      </fieldset>
</div>

毛勇

2023-03-14

您可以尝试为FieldSet再添加一个包装器。使字段集的背景透明，包装器的背景为灰色

null

#fieldContainer{
    width: 250px;
    height: 150px; 
    background: grey;
    overflow: auto;
  
}
#fieldset {
    background-color: transparent;
}

<div id="page_content">
  <div id="fieldContainer">
    <fieldset id="fieldset">
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
         1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
         1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
        3: <input type="text"><br>
        1: <input type="text"><br>
        2: <input type="text"><br>
    </fieldset>
  </div>
</div>

类似资料：

CSS @media打印背景色问题；

问题内容：我在这家公司是新来的，我们有一款使用英里数的CSS的产品。我正在尝试为我们的应用制作可打印的样式表，但是in 中存在问题。其他所有内容都可以使用，我可以修改边框等，但不会在打印中出现。现在，我了解到，如果没有更多详细信息，可能所有人都无法回答我的问题。我只是想知道以前是否有人遇到过此问题或类似问题。问题答案：如果用户在其打印设置中关闭了“打印背景色和图像”，则没有CSS会覆盖它，
设置文本字段的禁用背景色

看，应用程序的背景颜色和2个禁用文本字段的背景颜色不同问题：如何更改禁用和不可编辑文本字段的背景颜色。是右边的文本字段（在照片中）。我尝试过的是：把
css - 带背景色的文字单行溢出省略号，怎么去掉最后一个多余的背景色？

现在的情况是这样，最后多出一个背景快，怎么去掉呢
背景与背景色：性能

我想知道这一点，经过一点挖掘，找到了这个资源，链接在这个答案中。该资源指出：背景与背景色比较18个色板在页面上呈现100次为小矩形，一次带有背景，一次带有背景颜色。现在，我可以想象要快得多，因为资源也认为：我认为当浏览器看到
CSS颜色与背景颜色与背景？

在超文本标记语言中，我什么时候使用颜色，背景颜色和背景标签有什么区别？有什么区别？
CSS：背景图片上的背景色

问题内容：如果选择了该面板（单击该面板），则该面板的颜色为蓝色。另外，我在该面板上添加了一个小标志（图像），它表示所选面板之前已被选中。因此，如果用户看到例如10个面板，其中有4个带有这个小标记，则他知道自己之前已经单击了这些面板。到目前为止，这项工作还不错。现在的问题是我无法显示小标志并使面板同时变为蓝色。我使用css将面板设置为蓝色，使用设置背景图像。但是背景色似乎在图像上方，因此您看不
11 Markdown 前景色、背景色

1. 前言颜色可以使普通文字表达出更深刻的含义，比如红色用于醒目与警示、绿色用于表达良好与正常等。 Markdown 使普通文本具有格式，但它的原生语法并不支持修改前景色和背景色。为了实现丰富文本颜色的需求，我们需要通过增加 HTML 标签实现此类效果。环境说明：考虑到 Markdown 工具之间的不兼容，有的内容直接从页面复制粘贴到本地不会正常显示，大家学习时自己动手写是肯定没问题的。本节
背景颜色

background(int $color, int $pattern = self::PATTERN_SOLID): self int $color $format = new \Vtiful\Kernel\Format($fileHandle); $backgroundStyle = $format->background( \Vtiful\Kernel\Format::COLO

字段集中的背景色问题溢出

共有2个答案

相关问答

相关文章

相关阅读

相关工具

相关文档