简体   繁体   English

是否可以使用语义UI创建模糊的页面调光器?

[英]Is it possible to create a blurring page dimmer with Semantic UI?

I'm trying to create a blurring page dimmer in Semantic UI. 我正在尝试在语义UI中创建一个模糊的页面调光器。

The official docs state examples for both page dimmers as well as blurring segment dimmers. 官方文档陈述了页面调光器以及模糊段调光器的示例。 But is there a way to combine the two? 但有没有办法将两者结合起来?

It seems from the examples there that the container to be dimmed needs to be decorated with the blurring class. 从那些例子中可以看出,要变暗的容器需要用blurring类来装饰。 Then, the dimmer() method is called with either 'show' or 'hide' to control the appearance of the dimmer. 然后,使用'show''hide'调用dimmer()方法来控制调光器的外观。

But what if I want to dim the entire page? 但是,如果我想整个页面变暗怎么办? Do I add the blurring class to the body tag? 我是否将blurring类添加到body标签中? Or is there a special way to achieve the same? 或者有一种特殊的方法来实现同样的目标吗? Is it even possible? 它甚至可能吗?

Thanks in advance. 提前致谢。

实际上,您可以将blurring类添加到<body>标记以实现所需的效果。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM