0
私は新しくなって以来、私の持つ問題を実証するために写真を見せてくれる人はいません。ブートストラップファイルのアップロードボタンが背景画像内で機能しない
ウェブサイトの「ヒーロー」として機能する背景画像：url（）があります。また、「ファイルをPCでブラウズ」ボタンとして使用するブートストラップボタンもありますが、私のヒーローのタグの中にボタンがクリックできない理由は、それを外に置いたときだけです。
HTML
<body>
<div id="hero">
<div id="hero-overlay">
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">AppInvest</a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Upload</a></li>
<li><a href="#">Analyze</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
</nav>
<label class="btn btn-primary" for="my-file-selector">
<input id="my-file-selector" type="file" style="display:none;">
Browse...
</label>
<div style="background:transparent !important" class="jumbotron text-center">
<h1>
AppInvest
</h1>
<div class="container">
<div class="row">
<div class="col-sm-1 text-left">
<p>Who are we?</p>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
CSSまた
body {
margin: 0px;
}
#hero {
background-image: url('../img/rarri.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
top: 0;
bottom: 0;
height: 100vh;
z-index: -10;
}
#hero-overlay {
position: absolute;
top: 0;
bottom: 0;
height: 100%;
width: 100%;
z-index: -5;
background-color: rgba(0,0,0,0.5);
}
あなたは私の画面の中央に「添付合計ファイル」にアップロードボタンを作るための最善の方法についていくつかのヒントを与えることができれば私はそれをお願い申し上げます。
もちろん、そのCSSとHTMLに関連しています。
あなたのコードを入力してください –
私はそれを投稿する方法を理解しなくてはいけませんでしたが、そこにはあります。 –