0

我正在尝试在我们的 Wordpress 网站上为 Divi Overlay 自定义代码关闭按钮。我可以很好地定位按钮,但是当我调整窗口大小或在平板电脑上查看它时,按钮会移动。我试过使用 Position: relative / fixed / absolute ,但似乎都不起作用。

对于上下文 - 此代码位于 Divi 构建器中的代码模块中,该模块位于一个部分内的一行中。

这是按钮的代码;

<pee><a class="close-divi-overlay" href="#close">×</a></pee>

<style>
a.close-divi-overlay {
/* a) Control the position of the close button*/
right: 450px!important;
top: 150px !important;
z-index: 10010 !important;
display: block !important;
position: absolute !important;
/* b) Size of the close button - Adjust if is necessary*/
width: 46px !important;
height: 48px !important;
font-size: 28px !important;
line-height: 48px !important;
/* c) Background and border of the close button*/
background: none repeat scroll 0 0 #ffffff !important;
border: solid 0px #fff !important;
border-radius: 50% !important;
box-shadow: 0 2px 3px #888 !important;
/* d) Font styles*/
color: #0B3E5C !important;
font-family: !monospace !important;
font-weight: bold !important;
text-align: center !important;
text-decoration: none !important;
  }
</style>

那么有没有办法定位这个按钮,以便在调整窗口大小时它不会移动?

4

0 回答 0