“#duogepic_1 .duogepicBg {
top: 108px !important; /* 还原原作者测试的固定数值 */
bottom: auto !important;
}
#duogepic_1 .duogepicimg p {
top: 112px !important; /* 还原原作者测试的固定数值,比背景低4px */
bottom: auto !important;
position: absolute !important; 我不知道为什么这种写法没生效,我是直接在css文件里面改的,分别是125和122像素,而且你说的作者就是我自己,哈哈。有一个小问题,你看广播内容最右侧的内边距,上面的中文电码互译和日期都是距右边15像素,这里也统一下吧”(引用内容)哈哈,原来那个深夜 00:07 测试出 108px 的“原作者”就是你自己!失敬失敬,这代码的含金量瞬间拉满了。
你直接去源文件里改成了 122 和 125,结果发现没生效,是因为 CSS 有一个非常残酷的规则:就近原则与权重。
如果幻灯图插件在它自己的 JS 里,或者在你底部改的 CSS 里又用内联样式(style="top: ...")写死了坐标,那么外层即使写了 !important,只要权重不够,也会被压制。不过既然你现在去源文件改了,说明位置已经找到了,这个咱们暂时放一放。
解决你提出的“右侧内边距”问题
你观察得太仔细了,上面的“中文电码互译”和“日期”确实离右边线有 15px 的距离(因为我们之前给 bizmail_LoginBox 设了 padding-right: 15px)。
而现在的广播条滚动文字,是直接顶到了最右边(width: calc(100% - 40px);)。
为了让整个页面右边线整齐划一,我们需要把广播条的右侧也留出 15px 的呼吸空间。……


