0

下面的 css 是我应用于 Facebook、twitter 和 Google plus 链接的内容，我已经添加到我正在制作的网站中，我想制作它，以便当我在网站上向下滚动时 Facebook、twitter ，并且 Google 加号图标保留在屏幕的右上角。我添加position: fixed;了它，当我滚动时它们留在那个角落；然而，它们堆叠在一起，这对我来说应该很容易，但我的大脑一片空白：

.facebook {
width: 40px;
height: 40px;
display: inline-block;
background: transparent url('Styling-Images/fb.png') center top no-repeat;
background-size: contain;
margin-right:5px;
position: fixed;

}

.facebook:hover {
    background-image: url('Styling-Images/bgcolor.png');

}

.twitter {
width: 40px;
height: 40px;
display: inline-block;
background: transparent url('Styling-Images/tw.png') center top no-repeat;
background-size: contain;
margin-right:5px;
position: fixed;

}

.twitter:hover {
    background-image: url('Styling-Images/bgcolor.png');

}

.gp {
width: 40px;
height: 40px;
display: inline-block;
background: transparent url('Styling-Images/gp.png') center top no-repeat;
background-size: contain;
margin-right:5px;
position: fixed;

}

.gp:hover {
   background-image: url('Styling-Images/bgcolor.png');

}

4

2 回答 2

0

试试这个。给予

边距右：5px；
对于所有项目都是导致问题的原因。

        .facebook {
           width: 40px;
           height: 40px;
           display: inline-block;
           background: transparent url('http://ottopilotmedia.com/wp- content/uploads/2012/07/facebook-icon.jpg') center top no-repeat;
           background-size: contain;
           float:left;
        }
于 2013-09-14T06:24:20.857 回答
0

首先创建一个具有固定位置的 div 元素，然后将所有图像放入其中。

不要对图像使用固定位置，因为它会与每个图像重叠

于 2013-09-14T06:06:00.470 回答