html - Tumblr 主题以负片形式显示全景图

标签 html css

因此在页面 http://www.lifeofmathias.com/tagged/panorama你可以看到我发布的所有全景图。单击一定宽度后,它们应该在一个特殊 View 中打开,可以从一侧滚动到另一侧,但是由于某种原因,我的主题正在做一些烦人的事情并像这样显示它们...... enter image description here

整个主题代码可以在这里找到... http://pastebin.com/4ANY0Hds

有人可以帮帮我吗?

最佳答案

在主题的最顶部声明​​了以下内容,这导致了反转效果:

<style>
  .tmblr-iframe { 
    white-space:nowrap; 
    -webkit-filter: invert(100%); 
    -moz-filter: invert(100%); 
    -o-filter: invert(100%); 
    -ms-filter: invert(100%); 
    filter: invert(100%);
  }
</style>

要保持主题更新,请将以下 css 添加到主题定制器的自定义 CSS 选项中:

<style>
  .tmblr-iframe {  
    -webkit-filter: invert(0%); 
    -moz-filter: invert(0%); 
    -o-filter: invert(0%); 
    -ms-filter: invert(0%); 
    filter: invert(0%); 
  }
</style>

关于html - Tumblr 主题以负片形式显示全景图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38098867/

相关文章:

javascript - 动态 html 页面导航

html - 开始滚动后背景被切断?

javascript - 在加载新页面时保持 Tab 始终处于事件状态

html - Bootstrap : Navbar not fixed to very top has like 40px padding?

javascript - 如何通过 Django Channels 实现视频通话?

html - 为什么最小化的聊天框在飞?

CSS/HTML5 避免在诸如 ":-)"之类的地方换行

css - NodeJS Express 托管的 GWT 编译应用程序不呈现 CSS

html - 从数据库中填充的格式化表

jquery - 在CSS中隐藏滑动箭头按钮