0

この画像(ページの中央)のようなフルスクリーンのhtmlテンプレートを作成しようとしています:

ここに画像の説明を入力

人のポインティングと他のいくつかのポイントで、クリック可能なボタンを作成したいのですが、画像がフルスクリーンで位置が固定されているため、別の画面サイズのボタンが別の位置になります。

フルスクリーン画像の私のコード:

html, body ,form
{
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  min-height:100%
}
.fullscreen
{
  z-index: -999;
  height: 100%;
  position: fixed; 
  width:auto;
  padding: 0;
  margin: 0;
}

  <img src="source/fullscreen.jpg" class="fullscreen" />

cssだけですべての画面サイズでこの問題を修正するには? 中央のフルスクリーン画像？

4

2 に答える 2

0

それぞれの位置に関して、これらすべてのボタンの「マージン」プロパティ - CSS を設定できます。

于 2013-10-27T11:00:15.163 に答える
0

画像を水平方向と垂直方向の両方の中央に配置するという問題は、CSS-Tricks で十分に文書化されています。

http://css-tricks.com/snippets/css/absolute-center-vertical-horizo​​ntal-an-image/

例の1つ（これはあなたが望むものに近く、メソッドを使用しようとする際に画像の寸法を知らなければならないという欠点はありません）：

html { 
   width:100%; 
   height:100%; 
   background:url(http://i.stack.imgur.com/5qSmX.jpg) center center no-repeat;
}

実際には次のようになります。

http://jsfiddle.net/ukVNS/

他の方法については、引用されたリンクを参照してください。

于 2013-10-27T11:03:16.333 に答える