0
私のCSSシートに問題があります 画像の中央に背景画像とフォームがあります。フォームをよりエレガントで見やすくするために背景色を与えました。 すべてが大きく機能しましたが、少し問題があります divに "box"の不透明度を0.5に設定すると、フォーム全体が同じ不透明度になります特定のdivの不透明度を変更すると、その内部のタグ全体が変更されます
は、ここに私のCSSスタイル
body
{
padding-top: 60px;
padding-bottom: 40px;
background: url('/images/university.jpg') #f2f2f2 no-repeat left top;
}
legend
{
font-size: 2em;
}
form
{
opacity: 1 !important;
}
.Box
{
margin-top: 10%;
margin-bottom: 20px;
padding: 10px 20px;
border: 1px #c0c0c0 solid;
background-color: white;
border-radius: 25px;
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
は、ここで私はlaravelのブレードを使用しています」私のHTMLページですエンジン」
@extends('design')
@include('partials._nav')
@section('middle')
<div class="Box">
{!! Form::open() !!}
<fieldset>
<legend>Create Account :</legend>
<div class="form-group">
{!! Form::text('Username', null, ['class'=>'form-control', 'placeholder'=>'Username']) !!}
</div><!-- /form-group -->
<div class="form-group">
{!! Form::password('password', ['class'=>'form-control', 'placeholder'=>'Password']) !!}
</div><!-- /form-group -->
<div class="form-group">
{!! Form::password('psw', ['class'=>'form-control', 'placeholder'=>'Re-type Password']) !!}
</div><!-- /form-group -->
<div class="form-group">
{!! Form::submit('Create Account', ['class'=>'form-control btn btn- primary']) !!}
</div><!-- /form-group -->
</fieldset>
{!! Form::close() !!}
</div>
@stop
助けてください...デフォルトで