Question

我有一个我正在研究的网站，它是一个使用插件的WP网站＆＃34; Birchschedule＆＃34;用于将项目添加到日历中。

日历的每月和每日显示应该是应该的，但是每周显示出错了。名称是重叠的，我不能让div移动，似乎插件使用了一些内联css。

这是页面的链接 http://citywestmassage.com.au/roster/

以及错误的屏幕截图： Overlapping Names

 <div class="fc-event fc-event-vert fc-event-start fc-event-end provider-3996" style="position: absolute; background-color: rgb(46, 162, 204); border-color: rgb(46, 162, 204); top: 301px !important; left: 249.69px !important; width: 35.38px !important;">
    <div class="fc-event-inner">
        <div class="fc-event-title">
            <a href="http://citywestmassage.com.au/girls/charlotte">Charlotte</a>
        </div>
    </div>
    <div class="fc-event-bg"></div>
</div>

Answer 1

查看您提供的HTML代码段以及开发人员工具中的标记。是的，标记具有内联样式属性。

让我们来看看样式：

div是绝对定位的
!important强制定位。

这意味着您无法在样式表中覆盖它。

内联样式属性优先于外部样式表。然后!important锁定样式，这意味着你不能在CSS中覆盖它。

如何修复

深入了解插件，看看你是否可以配置或覆盖样式行为。寻找机会取消注册添加内联样式的脚本或代码片段。

拒绝写一个单独的脚本的诱惑，该脚本将延迟然后覆盖内联样式。为什么？这就是将胶带放在根本原因问题上。选择改为解决问题。

如果找不到覆盖它的方法，请与插件作者联系。否则，您将需要探索与该插件不同的解决方案。

我该如何分开我的div？

1 个答案:

如何修复