2

非常にシンプルなjQueryモバイルページがあり、ページの下部のフッターのすぐ上に著作権メッセージを表示したいと思います。

ページフッターにはいくつかのボタンがあり、著作権メッセージはフッターの上の右側の角に小さなプレーンテキストで表示されるはずです...私はそれを一種のデュアルフッターと見なしています。

著作権メッセージをフッターに追加すると、フッターデータ(不要なテーマ)が継承されます。サイトのコンテンツに追加しても、ページ下部に著作権が表示されません。私の著作権メッセージをどこに挿入するかについてのヒントは大歓迎です。

4

2 に答える 2

1

理想的には、正確な問題を解決するためにいくつかの 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>
于 2013-02-19T20:53:59.433 に答える
1

いくつかの CSS マジックで簡単に

  1. 「著作権」CSS クラスを作成します。
.copyright {    
  font-size: 0.75em;    
  margin-top: -20px;   
  float:right;    
  padding-right: 5px; 
}


: 「margin-top」は、フッターのすぐ上にレンダリングします b. 'float:right' は画面の右側に置きます。必要に応じて、「float:left」または「float:center」を使用します。

  1. フッターで、copyright クラスを使用します。
< 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>
于 2013-02-20T00:20:18.597 に答える