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