2015-08-21 35 views
0

我使用DIR-分页发现here.无法将背景颜色更改为透明的分页链接

这利用引导造型。我可以更改分页控件的其余样式,但我无法强制hover效果没有颜色。

我可以通过指定一个来确保它具有颜色,但是如果我尝试覆盖它会以强制它不具有透明等颜色的方式默认为白色。我的特异性与引导CSS完全一样......但即使我删除引导CSS中的样式仍默认为白色。

已经研究了几个小时。

编辑:请参阅以下plunkr我的问题的示例。 http://plnkr.co/edit/2OvXNgX81NspuO9g356J?p=preview

+0

试着设置'rgba(0,0,0,0)'或'rgba(0,0,0,.01)',可以肯定的是,也许你有一个白色的元素,所以你设置了透明悬停成功,但你看到这个透明层后面的另一个元素?设置'rgba(255,0,0,.5)',我们就会看到。 – Cheslab

+0

好吧,我已经尝试了您列出的前两件事......它将它设置为全亮白色。你期望从第二件事看到什么? – twilliams

+0

那最后一个呢? – Cheslab

回答

0

我刚刚意识到自己的错误,我感到很愚蠢。我假设我有下面的另一个元素,我想要的颜色,我只是改变覆盖元素的颜色。

原来我没有下面的其他元素,所以它真的只是拉动显示器的白色。我目前的项目非常复杂,我没有看到它像我所做的那种简单的plunkr例子。

0

twilliams你好。

这是你正在尝试做什么?

添加到您的css。

.pagination li a:hover { background-color: rgba(255,128,128,.5); }

这将改变分页背景透明色时每一个悬停。

看一看这个Plunker

+0

Hi AngularJR。那不幸的是我不是在寻找。但是,感谢找到那个笨蛋,我自己创建一个麻烦。请看这个编辑好的plunker来查看我的问题。您可以强制其中一个按钮处于悬停状态,然后对其进行检查,并且在任何可以告诉的位置都没有白色背景。 http://plnkr.co/edit/2OvXNgX81NspuO9g356J?p=preview – twilliams

+0

嗨,不理解这里的问题。你能尝试多解释一下吗?白色背景? – AngularJR

+0

这是问题吗?看看你的css中的最后一行,在rgba()中,最后一个值应该是0.X。像这个rgba(0,0,0,** 0.1 **); – AngularJR