0

我有以下代码，我正在尝试将 Facebook 图标按钮添加到我的页面。但是，我无法在我的页面中看到该图像 bg。

<button class="facebook"></button>

我的CSS：

.facebook{  
    background: url('../img/fb.jpg') no-repeat   
}

我也在我的 html pg 中包含了 css 文件： 

 <link href="../css/custom.css" rel="stylesheet" media="screen">

我该如何解决？

谢谢

4

4 回答 4

1

使用 bootstrap 3 时，您会遇到以下情况：

<button type="button" class="btn">My button</button>

如果您想为该按钮添加一些背景，请添加您的类：

<button type="button" class="btn facebook">My button</button>

确保首先将引导 css 添加到页面，然后再添加自定义 css，因为最后一个 css 会覆盖以前的 css。

于 2013-10-30T07:32:19.857 回答
0

可能是你错过了';' 在 CSS 代码中

于 2013-10-30T07:29:09.993 回答
0

您可以将自定义类分配给按钮输入。

 <input type="submit" value="Submit" class="facebook">

o所以你使用的是fontawesome ...正确..

 <linkbutton class="myclass"><i class="fa fa-facebook"></i> fa-facebook</linkbutton >

这就是我在我的 asp.net 中所做的

于 2013-10-30T07:21:31.293 回答
0

由于您使用的是引导程序，因此您可以使用 cdn 或下载 glyphicons 为您的按钮使用 fontawesome 图标

           <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.1/css/font-awesome.css" rel="stylesheet">
              <button class="facebook" ><i class="fa fa-facebook fa-2x"></i>facebook</button> 

         In you code you could have missed the correct link to your css file. Check the absolute or relative links to the css file. 

         <link href="../css/custom.css" rel="stylesheet" media="screen">

你也错过了半冒号

              background: url('../img/fb.jpg') no-repeat
于 2013-10-30T07:38:30.910 回答