对不起,我不知道如何正确地标题,或以tl; dr方式解释。而且我被困住了。我使用了一个模板,该模板使用skel.js和skel-panels来使用侧边栏进行响应式布局。然后我添加了backstretch,现在我希望徽标始终在屏幕的右下方对齐(除非它是一个狭窄/移动视图 - 但我的部分主要是想出来的)
我得到了底部对齐以便自己动手,但是当我把它与所有其他东西放在一起时,徽标就不会出现(在宽视图中)。我把它缩小到了skel-panels.min.js(从代码中省略了,其他一切工作正常)
我只是不确定如何解决这个问题。我的代码到目前为止是一个相当大的混乱,所以它可能是我在某处做过的事情,但是一旦删除了skel-panels,它似乎确实正常工作。
http://staygold.ca/wood2/index.html
我认为我试图做太多的事情超出我的能力,但它似乎确实有效,除了这一件事
我可以看到两种可能性 - 只有在“狭窄”视图或更小的情况下才使用特技面板,所以只在正常和宽视图上关闭它 - 不确定是否可能
或以某种方式将徽标CSS覆盖面板?就像在整个页面上以某种方式使div成为叠加?
编辑:如果我玩这些位置,会发生不同的事情,但我无法得到正确的组合来获得它在底角(标志显示,但它在右上角,例如)。不确定这是否有助于没有skel-panel的东西,但它值得一试HTML
<div id="logo-container">
<img src="img/logo.png" class="index-logo" />
</div>
CSS
#logo-container {
width: 100%;
height: 100%;
position: fixed;
right:10px;
bottom:10px;
}
.index-logo {
float: right;
position: static;
width: 20em;
}