1. дома
  2. Вопрос и ответ
  3. Background Opacity Extend

Background Opacity Extend

2015-01-28 3 views
0

Здравствуйте, я наконец-то получил непрозрачность, работающую на моем сайте, но я бы хотел, чтобы она расширялась горизонтально по всей ширине страницы. Я представил образ того, как я хочу, чтобы он выглядел.Background Opacity Extend

Website Image

код CSS в непрозрачности,

.sliderr { 
background: rgba(255,255,255,0.2); // transparent white 
background: #fff; // Left as a fallback for older browsers 
color: #FFFFFF; 
}

Мой сайт можно посмотреть на сайте,

http://www.webbmaster.com.au/web-programs/questdesign/

Любой помощь будет оценена. Попробовали и не могут заставить его работать.

источник

2015-01-28 Endô Fujimoto

ответ

0

попробовать это: http://jsfiddle.net/n0wL1p3c/

.slider {width: 100%; height: 500px; margin: 0 auto; background: rgba(255,255,255,0.3);}  
.container {width: 600px; height: 300px; margin: 0 auto; background: rgba(255,255,255,0.2);}

источник

2015-01-28 03:46:59 kgam

+0

Спасибо за помощь, но это то, что случилось. http://www.webbmaster.com.au/web-programs/questdesign/ Любая идея, почему? –

+0

Это потому, что ваш .sliderr находится внутри вашего контейнера, который имеет ширину всего 960 пикселей. – kgam

+0

Привет, вы можете взглянуть на мой сайт, если это возможно? Кажется, я не могу заставить это работать, не создавая основной .container –

Смежные вопросы

 Смежные вопросы