Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 语义用户界面:切换复选框在页面上移动,就像固定位置一样浮动_Html_Css_Semantic Ui - Fatal编程技术网

Html 语义用户界面:切换复选框在页面上移动,就像固定位置一样浮动

Html 语义用户界面:切换复选框在页面上移动,就像固定位置一样浮动,html,css,semantic-ui,Html,Css,Semantic Ui,我正在使用Semantic 2.3,在我的应用程序的某些部分中,我发现.ui.toggle.checkbox有一个非常奇怪的问题。其他区域的开关工作正常 我看到的问题是,一些切换将在页面上浮动,就像使用position:fixed一样。有人看到了吗,或者知道是什么原因造成的吗?我尝试过删除通过Chrome开发工具设置的所有少数定制css规则,但无法解决。也许这是一个语义错误 我没有在页面上使用任何固定位置。非常普通的HTML: 项目后费率表 .margin-bottomxs{margin-b

我正在使用Semantic 2.3,在我的应用程序的某些部分中,我发现
.ui.toggle.checkbox有一个非常奇怪的问题。其他区域的开关工作正常

我看到的问题是,一些切换将在页面上浮动,就像使用
position:fixed
一样。有人看到了吗,或者知道是什么原因造成的吗?我尝试过删除通过Chrome开发工具设置的所有少数定制css规则,但无法解决。也许这是一个语义错误

我没有在页面上使用任何固定位置。非常普通的HTML:


项目后费率表
.margin-bottomxs{margin-bottom:0.25em}
我看到的是:

然后向下滚动页面,如下所示:


调整复选框的一个可见性属性。

由于语义UI在底层
复选框
元素上显示这些切换的方式存在一些错误或难以理解的问题,控制可见性的属性将这些元素固定在适当的位置

例如,您可以简单地将
不透明度设置为不完全为1的高数值

这个CSS规则应该可以做到:

.ui.toggle.checkbox{
不透明度:0.95;
}

调整复选框的一个可见性属性。

由于语义UI在底层
复选框
元素上显示这些切换的方式存在一些错误或难以理解的问题,控制可见性的属性将这些元素固定在适当的位置

例如,您可以简单地将
不透明度设置为不完全为1的高数值

这个CSS规则应该可以做到:

.ui.toggle.checkbox{
不透明度:0.95;
}