在 Wordpress 网站上嵌入 SWF - 停止继承 CSS

Question

这是我用于 header 横幅的代码。

<div id="headerbanner">
<object width="700" height="75">
<param name="movie" value="http://www.timandted.com/upload/banner2.swf">
<embed src="http://www.timandted.com/upload/banner2.swf" width="700" height="75">
</embed>
</object>
</div>

和

.headerbanner {
max-width:100%;
height:75px;
}

但是如果您检查我们网站上的横幅：timandted.com（右上角的横幅），它是从 parent 继承 css（据我所知）如果我禁用

height: auto!important;

检测元素时，正常。但是找不到通过 CSS.

执行此操作的方法

Answer 1

如果找不到 parent css 文件来删除 !important，覆盖它的最佳方法是使用 !important 自己定义高度，但要确保你的重要性更具体。例如，如果他们使用：

.headerbanner{
    height:auto !important;
}

你应该尝试使用

div.headerbanner{
    height:75px !important;
}

或

.myContainerClass .headerbanner{
    height:75px !important;
}

在 css 中比在 parent 中更清楚地定义它在 css 中的位置。

它可能不起作用的另一个原因是您在 html 中将 headerbanner 定义为 ID，但在 css 中使用 .headerbanner 这将意思是 class。要么将您的 css 更改为 #header 横幅，要么将您的 html 更改为 class="headerbanner"

确保您的 CSS 文件位于文档 header 中的模板 css 文件之上，以便先读取它。这也将有助于覆盖正在继承的 !important。

在 Wordpress 网站上嵌入 SWF - 停止继承 CSS

Embedding SWF on Wordpress Site - Stop from inheriting CSS

html

css

flash

wordpress