Octopress中处理加网分享问题
发布时间：2023-11-25 21:04:08 209 相关标签：
作为一个以内容为中心的网站，在文章结尾增加社会化分享按钮是一种标配，使用Octopress也不例外，本博客选用了加网的社会化分享按钮。开始的时候一切顺利，但是后来出现了一点小瑕疵，具体的情况如下图
究其原因
我们来看看出问题的HTML代码。
linenos:false
压缩css代码之后发现了这样一段代码。
linenos:false
| article img,article video,article .flash-video {
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
-ms-border-radius:0.3em;
-o-border-radius:0.3em;
border-radius:0.3em;
-webkit-box-shadow:rgba(0,0,0,0.15) 0 1px 4px;
-moz-box-shadow:rgba(0,0,0,0.15) 0 1px 4px;
box-shadow:rgba(0,0,0,0.15) 0 1px 4px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border:#fff 0.5em solid
} |
这句话border:#fff 0.5em solid就会产生我们所看到的白色的遮挡。
解决问题
思路：对id为JIATHISSWF的Object不应用包裹flash-video的div即可。 需要修改的文件为source/javascripts/octopress.js
这是原来的代码
linenos:false source/javascripts/octopress.js
| function wrapFlashVideos() {
$('object').each(function(i, object) {
if( $(object).find('param[name=movie]').length ){
$(object).wrap('') } }); $('iframe[src*=vimeo],iframe[src*=youtube]').wrap(' ')
} |
这是修改后的代码
linenos:false source/javascripts/octopress.js
| function wrapFlashVideos() {
$('object').each(function(i, object) {
if ($(object).attr('id') != "JIATHISSWF") {
if( $(object).find('param[name=movie]').length ){
$(object).wrap('') } } }); $('iframe[src*=vimeo],iframe[src*=youtube]').wrap(' ')
} |
OK，到这里就解决问题了，检查一下看看吧。
文章来源： https://blog.51cto.com/u_3987305/5853944
特别声明：以上内容（图片及文字）均为互联网收集或者用户上传发布，本站仅提供信息存储服务！如有侵权或有涉及法律问题请联系我们。
举报
