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

这是我用于标题横幅的代码。在Wordpress网站上嵌入SWF - 停止继承CSS

<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（右上旗），它是从父继承的CSS（从我的知识）如果我禁用

height: auto!important;

检查元件时，它就正常了。但是无法通过CSS找到一种方法。

来源

2015-11-03 TimandTed

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

.headerbanner{ 
    height:auto !important; 
}

你应该尝试使用

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

或

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

定义它是在CSS更清楚地在你的CSS那么家长。

它可能不工作的另一个原因是你有headerbanner定义为你的HTML中的ID，但在你的CSS中使用.headerbanner这将意味着它是一个类。请将您的CSS更改为#headerbanner或将您的html更改为class =“headerbanner”

确保您的CSS文件位于文档标题中的模板css文件的上方，以便首先进行读取。这也有助于覆盖正在被继承的！重要内容。

来源

2015-11-03 14:01:40 Benneb10

我将.headerbanner更改为div.headerbanner，并确保它位于'img，video，object max {width：100％; 身高：自动; }'，但不幸的是没有改变。 – TimandTed

我也尝试将.headerbanner更改为#headerbanner，但仍然没有运气。 – TimandTed

其他html元素（div等）包含的headerbanner？如果你的html说id =“headerbanner”，它将不会与css一起工作，除非它被声明为#headerbanner。如果你的html说class =“headerbanner”，那么CSS需要声明.headerbanner。 Ids是仅一次使用的元素，通常与JavaScript结合使用。类多次用于样式目的。 – Benneb10

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

回答

相关问题