两个css文件冲突

阿鲁那

我的CSS3菜单栏与bootstrap.min.css冲突

如果我删除引导CSS,则菜单栏如下所示

在此处输入图片说明

一旦添加了引导程序菜单,它将变成如下所示

在此处输入图片说明

我正在使用菜单上的一些图像来代替诸如Menu1,Menu2之类的字母。由于CSS冲突,菜单图像位于菜单边框线下方。我得到的图像如下图(但我希望图像应居中)

在此处输入图片说明

<link rel="stylesheet" type="text/css" href="Style/css3menu1/style.css" />
<link href="Style/vTab/bootstrap.min.css" rel="stylesheet" />

我已经像上面那样链接了两个CSS,并在jsfiddle中复制了这些代码。我在CSS中找不到冲突的部分。谁能帮帮我吗。jsfiddle示例在这里... https://jsfiddle.net/w3jz075t/

阿鲁那

由于母版页和内容页,我无法撤消订单。最后,我对问题进行了总结,并在下面的引导css中确定了冲突代码

/*
@media print
{
*
{
text-shadow:none!important;
color:#000!important;
background:transparent!important;
box-shadow:none!important
}

a,a:visited
{
text-decoration:underline
}
a[href]:after
{
content:" (" attr(href) ")"
}
*/

的确,我不知道他们做了什么以及它们是如何引起该问题的根本原因,但是如果我评论这些行,那么我的菜单栏将正确放置。谢谢大家的支持。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章