Блог

Главная - Вопросы по программированию - Непрозрачность работает не так, как ожидалось

Непрозрачность работает не так, как ожидалось

#html #css #twitter-bootstrap

#HTML #css #twitter-bootstrap

Вопрос:

Я пытаюсь настроить непрозрачность для div, но он работает не так, как ожидалось.

https://jsfiddle.net/std0tgsy/1/

HTML

 <div class="col-lg-offset-4 col-lg-3 col-md-6 col-sm-12 col-xs-12  haveaccount" style="opacity: 2;text-align: center;" >
  <h2>JOIN US AT START HERE, GO PLACES.</h2>
  <p>Sign up here, create your account, and we'll follow up with you to complete your profile. You'll 
  <br> have access to our tools  and can expect to receive some
  <br> freebies along the way, Welcome!</p>

Комментарии:

1. чего вы ожидаете??

2. Что-то вроде этого — w3schools.com/cssref/tryit.asp?filename=trycss3_opacity

3. Непрозрачность выполняется с 0-1. opacity: 2 недопустимо

4. Изменяя значение, я не вижу разницы.

5. developer.mozilla.org/en-US/docs/Web/CSS/opacity

Ответ №1:

 div {
    opacity: 0.5;
}

или

 <div style="background-color:rgba(0, 0, 0, 0.5);">
   <div>
      Text added.
   </div>
</div>

http://www.w3schools.com/cssref/css3_pr_opacity.asp amp;
https://css-tricks.com/almanac/properties/o/opacity/

Ответ №2:

 <div style="opacity: 2"; >

ПРИСОЕДИНЯЙТЕСЬ К НАМ В НАЧАЛЕ ЗДЕСЬ, ПЕРЕЙДИТЕ ПО МЕСТАМ.

или

 <h2 style="opacity:0.2">JOIN US AT START HERE, GO PLACES.</h2>

также вы можете создать внешний файл css.

Посетить