jQuery Mobile 双页脚答案

【问题标题】：jQuery Mobile dual footerjQuery Mobile 双页脚
【发布时间】：2013-02-04 13:53:35
【问题描述】：

我有一个非常简单的 jQuery 移动页面，想在页面底部的页脚正上方显示版权消息。

在页脚，我有几个按钮，版权信息应该以小纯文本出现在页脚上方的右角...我认为它是一种双页脚。

当我将版权信息添加到页脚时，它将继承不需要的页脚数据主题。当我将它添加到我网站的内容中时，它不会在页面底部显示版权。任何关于在哪里注入我的版权信息的提示都非常感谢。

【问题讨论】：

标签： javascript css jquery-mobile footer

【解决方案1】：

使用一些 CSS 魔法很容易

创建一个“版权”CSS 类：

.copyright {    
  font-size: 0.75em;    
  margin-top: -20px;   
  float:right;    
  padding-right: 5px; 
}

注意事项：
一种。 'margin-top' 使其呈现在您的页脚上方湾。 'float:right' 放在屏幕的右侧。如果需要，使用 'float:left' 或 'float:center'。

在您的页脚中，使用版权类。

< div data-role="footer">
  < span class='copyright'>&copy; My Company Ltd</span>
  < h4>Footer </h4>
  < a href="#" data-rel="back" data-icon="home">Home</a>
< /div>

【讨论】：

使用这个sn-p时，去掉“
完美！奇迹般有效！谢谢。

【解决方案2】：

理想情况下，我需要查看一些 html 来尝试解决您的确切问题，但您想要的要点如下：

<div style="position: absolute; bottom: 0; width: 100%">
     <div style="width: auto; text-align: right">Copyright...</div>
     <div style="border: 2px solid red; width: auto">footer</div>
</div>

【讨论】：

感谢 Crwydryn。它适用于普通网页，但我的案例是 jQuery Mobile 页面。