在 chrome 上使用检查元素时,CSS 代码旁边有一个黄色的小警告图标。那是什么?
我有一个使用bootstrap CSS制作的导航栏.我想将它添加到我已经拥有其CSS样式表的网站上,当我附加两个样式表时,它会冲突并混淆我的所有样式.有没有办法可以轻松添加CSS样式表并让它只适用于一个特定的div?
例如,有没有办法只能在该ID上加载CSS?
Bootstrap CSS非常大,所以我希望有一种方法不需要在数百个CSS规则中的每一个之前添加#myid.
编辑看起来这是在错误的方向解释.问题不在于我如何才能获得导航栏CSS,因为这仍然会弄乱其他样式.
有没有办法可以将#mydiv放在引导程序样式表中的所有CSS规则中(例如#mydiv {#header {CSS rule} #content {CSS rule}},这样规则只适用于一个div或做某事类似于那种效果?我知道这个例子不起作用,但有没有什么可以做的类似于解决我的问题的效果?
我已经为一个固定定位的菜单栏分配了一个高z-index,但它仍然出现在我网站上的其他元素下面.是否有我可以使用的替代技术或我编写的代码有问题.这个问题的网站就在这里(注意:向下滚动后需要向上滚动才能显示导航栏).未正确显示的菜单栏具有以下代码
#headerfull {
position:absolute;
top:-100px;
left:0;
z-index:10000;
width:100%;
height:100px;
background-color:#000000;
opacity:.7;
display:none;
}
Run Code Online (Sandbox Code Playgroud)
但是,由于某种原因,z-index不起作用.前面和中间的"NinjaWarrior.info"图像等元素具有较低的z-index出现在导航栏的前面.该图像的代码如下
<img style="position:absolute;z-index:10" src="images/logo_main.png" width="900" height="300" alt="American Ninja Warrior Fan Site">
Run Code Online (Sandbox Code Playgroud)