Я пытаюсь дать вкладкам тени с использованием css. Но проблема в верхней стороне, которая выглядит очень уродливо.загрузочные вкладки CSS-тень на вкладке внизу внизу
IS можно иметь
- падения тени на дне только вкладки-контента.
- Верхняя сторона должна быть прозрачной .. нет белой коробки вещи, как в примере
JSFIDDLE:http://jsfiddle.net/xFW8t/1746/
HTML:
<div class="shadow">
<ul class="nav nav-tabs" id="myTab">
<li class="active"><a data-target="#home" data-toggle="tab">Home</a></li>
<li><a data-target="#profile" data-toggle="tab">Profile</a></li>
<li><a data-target="#messages" data-toggle="tab">Messages</a></li>
<li><a data-target="#settings" data-toggle="tab">Settings</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="home"><br><br>Home</div>
<div class="tab-pane" id="profile"><br><br>Profile</div>
<div class="tab-pane" id="messages"><br><br>Message</div>
<div class="tab-pane" id="settings"><br><br>Settings</div>
</div>
</div>
Не уверен, что я понимаю. Почему бы не добавить теневой класс к табу-контенту, а не ко всему контейнеру? – axaq