Css SVG填充和链接不工作

这是我的html：

<a href="#"> <object type ="image/svg+xml" class="dribbble" 
data="img/dribbble.svg"></object></a>     

我用fill-in-Illustrator保存了svg，因此我进入svg代码并删除了该填充。然而，CSS中的白色填充根本没有显示，图标本身显示为黑色。它也应该是一个链接，目前无法链接

请参见和。

.dribbble{
fill: #ffffff;
width: 40px;
height: 40px;}