Тень, появившаяся на странице

Question

Я пытаюсь структурировать медиа-запрос, и по какой-то причине страница создает тень, когда моя мышь витает в любом месте страницы. Он делает это только на рабочем столе с окном, уменьшенным до окна 640 или ниже.

Я имею в виду этой линии тени под синим контейнере:

Это можно увидеть вживую на:

http://optimumwebdesigns.com/contact

Я считаю, что причиной является контейнером у меня есть , contact_arrow_box. Код для него это:

.contact_arrow_box { 
    position: relative; 
    background: #88b7d5; 
    width: 50%; 
    height: 100%; 
    float: right; 
} 
.contact_arrow_box:after, .contact_arrow_box:before { 
    right: 100%; 
    top: 50%; 
    border: solid transparent; 
    content: " "; 
    height: 0; 
    width: 0; 
    position: absolute; 
    pointer-events: none; 
} 

.contact_arrow_box:after { 
    border-color: rgba(136, 183, 213, 0); 
    border-right-color: #88b7d5; 
    border-width: 30px; 
    margin-top: -30px; 
} 
.contact_arrow_box:before { 
    border-width: 36px; 
    margin-top: -36px; 
} 

Мои медиа изменение запроса для этого контейнера:

.contact_arrow_box { 
    width: 100%; 
    height: auto; 
} 
.contact_arrow_box:after, .contact_arrow_box:before { 
    top: 100%; 
    left: 50%; 
} 
.contact_arrow_box:after { 
    border-width: 30px; 
    margin-left: -30px; 
} 
.contact_arrow_box:before { 
    border-width: 36px; 
    margin-left: -36px; 
    margin-top: 0; 
} 

ли кто-нибудь видит причину для этого?

Answer 1

Это Виновником

.no-touch:hover { 
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3); 
} 

Отключить или перезаписать его, чтобы удалить коробчатого эффект тени