- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
有没有办法强制喜欢按钮(样式为 button_count)显示零个喜欢?
这是匹配 Twitter 和 Goolge +1 的首选解决方案。
作为一个不受欢迎的替代方案:根据按钮计数器的存在动态改变间距的任何提示?
最佳答案
我所做的是在 Facebook 点赞按钮后面放一个零计数气球,看起来就像 Facebook 的一样。
棘手的部分是将其放置在正确的位置,因为显然每个浏览器的“赞”按钮本身的宽度不同,并且无法依赖其流程,因为它位于单独的 iframe 中。
这是它的外观:
<div class="fb_like_container">
<div class="fb_bg_count_balloon">
<table cellspacing="0" cellpadding="0"><tbody><tr>
<td>
<div class="fb_count_nub">
<s></s><i></i>
</div>
</td>
<td><div class="fb_count_count">0</div></td>
</tr></tbody></table>
</div>
<div class="fb_like_foreground">
<fb:like href="http://yoururl.com/path" send="false" layout="button_count" width="90"></fb:like>
</div>
</div>
.fb_like_container {
width:90px;
position:relative;
.fb_bg_count_balloon {
position:absolute;
top: 1px;
right: 13px;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 11px;
color: #333;
.fb_count_nub {
display: block;
position: relative;
z-index: 2;
height: 0;
width: 5px;
top: -5px;
left: 2px;
s, i {
display: block;
border-style: solid;
border-color: transparent;
border-right-color: #D7D7D7;
border-width: 4px 5px 4px 0;
position: relative;
top: 1px;
}
i {
left: 2px;
top: -7px;
border-right-color: white;
}
}
.fb_count_count {
background-color: white;
border-style: solid;
border-color: #D1D1D1;
border-width: 1px;
height: 14px;
margin-left: 1px;
min-width: 15px;
padding: 1px 2px 1px 2px;
text-align: center;
line-height: 14px;
white-space: nowrap;
}
}
.fb_like_foreground {
position:absolute;
left: 0;
top: 0;
z-index:3;
}
}
<!--[if IE 9]>
<style type="text/css">
.fb_like_container .fb_bg_count_balloon {
right: 16px;
}
</style>
<![endif]-->
<!--[if lte IE 8]>
<style type="text/css">
.fb_like_container .fb_bg_count_balloon {
top: 2px;
right: 17px;
}
</style>
<![endif]-->
关于button - 在 button_count 中显示零 喜欢按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7476603/
我遇到过这个 html: 上面的html和这个有什么区别: 最佳答案 来自MDN page on the tag : 对于 type 的属性标签,可能的值是: 提交:按钮将表单数据提交给服务器
Button button= (Button) findViewbyID(R.id.button); 和 Button button = new Button(this); 有什么区别? 最佳答案 有
我是一名优秀的程序员,十分优秀!