我在我的博客http://kasperikoski.blogspot.fi中添加了一个新的小部件,它基本上通过使用“添加HTML /脚本”作为菜单工作。该代码是博客HTML/CSS:position:fixed not working in chrome
.menukadn {
line-height: 1;
}
a.limeka, a.limeka:visited, a.limeka:active {
font-family: 'Maven Pro', sans-serif;
font-size: 30px;
font-weight: bold;
color: #bbb;
text-decoration: none;
text-transform: uppercase;
transition: color 150ms linear;
letter-spacing: -0.090em;
}
a.limeka:hover {
color: #21a97e;
transition: color 150ms linear;
}
而对于WIDGET:
<div class="menukadn">
<a href="https://www.facebook.com/Kadnnn" class="limeka" title="" target="_blank">Facebook</a>
<br/>
<a href="http://instagram.com/kasperikoski" class="limeka" title="" target="_blank">Instagram</a>
</div>
当我尝试添加的定位就是这样,
.menukadn {
line-height: 1;
position: fixed;
}
或alternativly到窗口小部件DIV #HTML1自身:
#HTML1 {
position: fixed;
}
它适用于Mozilla Firefox,但在Chrome中,我的窗口小部件HTML1位于距离它应该在的位置(列左外侧)大约800px处,紧邻内部身体左边界。任何想法都可能存在一些导致矛盾的其他代码?
它适合我。 – 2013-04-22 17:20:58