0
編集：私は不安です。 h1がdivの下にあるからです。CSS画像の位置指定div
私は学校のプロジェクトのためにいくつかのウェブページを作っていましたが、この厄介な問題にぶち当たっていました。ページ上に複数のサムネイルがすべてページ上にイメージギャラリーを作成しようとしています。例えばそれはビデオゲームテーマなので、ヒーローやマップのようにすべきです。問題は、画像を配置するときに、画像が画面の最上部にあるテキストをプッシュします。おそらくこれに対する本当に簡単な解決策は、ほんの少しの助けを必要とします。ありがとう。 here is the link
CSS：
@font-face {
font-family: bigNoodle;
src: url(Font/big_noodle_titling_oblique.ttf);
}
#splash {
z-index: 100;
position: absolute;
background: white url('Pictures/logo.png') center no-repeat;
top: 0;
right: 0;
left: 0;
bottom: 0;
font-family: bigNoodle;
color: #939393;
padding: 10px;
font-size: 40px;
}
body {
background: url('Pictures/bg.jpg') center fixed no-repeat;
}
h1 {
z-index: 1;
font-family: bigNoodle;
text-align: center;
text-transform: uppercase;
font-size: 60px;
color: #F99E1A;
padding-top: 10px;
margin: 0;
padding: 0;
}
div.picture img {
height: 200px;
}
HTML：
は<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type='text/javascript' src='anim.js'></script>
<title>Wiki</title>
<link rel="icon" type="image/x-icon" href="Pictures/logo.png" />
</head>
<body>
<div id="splash">Click to continue...</div>
<div class="picture">
<img src="Pictures/Heroes.jpg">
</div>
<h1>Welcome</h1>
</body>
</html>
の背景として、あなたのイメージを取るあなたがコードを表示することができますか？そして、テキストの代わりにあなたが何をしたいのかを説明することができますか？ –
[良い質問をする方法]（http://stackoverflow.com/help/how-to-ask）を読んで、[mcve]を含むように編集してください。 – Shaggy
テキストがページのヘッダーであるため、イメージがテキストの下になるようにしたい、私はページの真ん中に2つのサイド・バイ・カテゴリーになるイメージであったので、今すぐコードを投稿する –