3

フォームの背景画像の不透明度を変更することはできますが、フォーム内のフィールドは変更できません。CSS:

#myForm{
  background-image:url("images/Binary.jpg");      
  border:1px solid #080808;
  box-shadow:#444444 0 0 1px inset;
  margin:20px auto 20px 52%;
  padding:20px;
  width:484px;
  -moz-box-shadow:black 4px 5px 11px;
  -webkit-box-shadow:black 4px 5px 11px;
  box-shadow:black 4px 5px 11px;
}

だから、これは私の CSS で、フォームの内容ではなく、Binary.jpg の不透明度を下げたいと思っています。出来ますか？？

4

3 に答える 3

1

簡単に言えば、いいえ。画像を半透明の PNG にする必要があります。

于 2012-12-19T05:10:43.240 に答える
0

まあ私はそれをハックしたので、あなたが望むなら確かにあなたはこのようにすることができます

デモ

HTML

<div class="wrapper">
    <div class="holder">This is awesome yea ;)</div>
</div>

CSS

.wrapper {  
    position: relative;
    color: #fff;
}

.wrapper:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url('http://www.freegreatpicture.com/files/146/25234-colorful-high-resolution-background.jpg');
    opacity: 0.7;
}

.holder {
    z-index: 2;
    position: relative;
}
于 2012-12-19T05:30:15.517 に答える
0

これを行うには、不透明度の低い画像を使用して、ホバー時に背景を変更し、不透明度の低いgifまたはpng画像を使用します

またはうまくいくかもしれないような何かを試してください

<div id="myForm">
    <form>...</form>
</div>

CSS

div {
 -khtml-opacity:.50; 
 -moz-opacity:.50; 
 -ms-filter:"alpha(opacity=50)";
  filter:alpha(opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
  opacity:.50; 
}
于 2012-12-19T05:11:26.570 に答える