Wordpress 无法覆盖厚框 CSS？答案

【问题标题】：Wordpress override thickbox CSS impossible?Wordpress 无法覆盖厚框 CSS？
【发布时间】：2014-06-13 14:40:52
【问题描述】：

我要删除

#TB_window {
position: fixed;
background: #fff; <== THIS
z-index: 100050;
visibility: hidden;
text-align: left;
top: 50%;
left: 50%;
-webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
}

所以我只是将它复制到我的 .css 中并设置背景：透明； !重要

但它不是压倒一切的。我还想删除#TB_overlay 上的背景... 这里有一个技巧，因为它也有 class="TB_overlayBG" 所以

#TB_overlay.TB_overlayBG { background-color: transparent; !important }

我无法编辑thickbox.css，因为当我更新Wordpress 时它会被覆盖。

我有一个插件使用自定义帖子类型的帖子模板中的厚框，如下所示：

<a href="<?php the_permalink(); ?>?TB_iframe=true&width=790&height=578" class="thickbox">
<?php the_post_thumbnail( 'medium-thumb' , array('class' => 'product-image') ); ?>
</a>

当我点击这张图片时，我会在帖子的厚框内看到一个 iframe。我有一个加载插件的 .css，如下所示：

wp_register_style( 'catalogue-style', plugins_url( 'product-catalogue' ) . '/css/catalogue-style.css' ); 
wp_enqueue_style( 'catalogue-style' );

所以我的 catalogue-style.css 在页面源中是第一位的。 Thickbox.css 在页脚之后链接！

【问题讨论】：

你能发一个 JSFiddle 吗？
嗯，不，我不知道如何发布一个带有 Wordpress 功能的 JSFiddle。
在 add_action 中赋予您的目录样式更高的优先级（类似于 999）有什么效果吗？在不知道哪个插件的细节和查看生成的输出的情况下，很难提供进一步的建议。

标签： css wordpress thickbox

【解决方案1】：

尝试像这样覆盖它：

#TB-window {
  background:transparent;
}

Background 是许多背景属性的简写，包括背景颜色和背景图像。背景颜色不接受无值。根据规范，它接受以下值：<color> |透明 |继承。

Background-image 确实接受 none 作为属性，因此如果您想要覆盖背景属性中的图像，则可以将 none 传入。

但是，如果您将 none 传递给带有颜色集的背景属性，继承就会接管并假设您希望颜色为 #fff 并且图像值为 none。有意义吗？

【讨论】：

您好，感谢您抽出宝贵时间回答。问题是，我无法覆盖thickbox.css 中的设置，因为它具有最高优先级。所以即使我在使用 background-color: transparent;背景：透明；或其他...如果在thickbox.css 中指定了这些属性，则无法更改。叠加背景色也是如此:(
级联顺序是级联顺序：您始终可以覆盖css（好吧，除了附加重要的用户规则，这里不是这种情况）。所以，也许你可以解释一下你在 WordPress 中添加这个自定义 css 的位置。也许是这里造成混乱的部分。
更新了原帖。

【解决方案2】：

如果有人遇到同样的问题，请尝试：

div#TB_window {background:none;box-shadow:none;}

【讨论】：