2017-11-20 6 views
0

내 parralax 헤더에 이상한 투명성 문제가 있습니다. 체크 아웃 : Transparency issue 내가 아는 한, 배너 컨테이너의 스타일은 100 % 투명해야하지만 두 컨테이너가 만나는 곳에 희미한 가장자리가 계속 표시됩니다. 웹 사이트를 통해 발생합니다. www.bardurm.com이상한 투명도 문제

당신은이 원인을 알고 있습니까? 브라우저가 불투명도 등을 표시하는 방식과 관련이 있습니까? 이 문제를 해결하려면

어떤 도움이 크게 appreachiated 될

종류에 관해서 Bardur M

+0

당신은 [편집]에 필요한 시간 내 주셔서 감사합니다 (A [스택 미리보기]로 https://stackoverflow.blog/2014/09/16/introducing-runnable-javascript-css을 생식을 추가 -and-html-code-snippets /) – Will

+1

불행히도이 질문은 stackoverflow에 대해 형식이 잘못 지정되었습니다. 일반적으로 전체 사이트 또는 외부 코드 소스에 링크하는 것은 바람직하지 않습니다. 이상적으로, Will과 연결된 스택 스 니펫의 문제를 재현해야합니다. 그러나 시도하자 마자 그 라인은 간단한 실수로 인한 것이며 그 질문을 업데이트하는 데는 아무런 포인트가 없다는 것을 알게 될 것입니다. 그렇다면 문제의 해결책은'.tweak-overlay-parallax-enabled .Paxallax-item' 규칙에 배경색을 지정하는 것입니다. 그것을 제거하면 수정됩니다. 이게 미래에 도움이되지 않기 때문에 ... –

+0

방문자들, 문제를 해결 한 후에이 질문을 닫는 것이 좋습니다. 미래의 방문자가 비슷한 문제를 겪는다면 유익하지 않을 것입니다. –

답변

1

확인

모든 첫 번째 사업부의

먼저 몸

.tweak-overlay-parallax-enabled .Parallax-item { 
    background-color: #1e2024 
} 

body { 
    background-color:#1d1f23 
} 

아닌 다른 색깔이있다 그런 다음 본체의 배경색 (배경색)을 취할 수 있도록 기본 콘텐츠 div에 투명도를 적용합니다. 당신은 너무처럼 .tweak 오버레이 - 시차 지원 .Parallax 항목 클래스의 배경 색상을 변경

: 1

옵션 :

.tweak-overlay-parallax-enabled .Parallax-item{ 
    background: none; 
    background-color: #1d1f23; 
} 
다음

는 옵션입니다

옵션 2 :

당신은 몸 배경 - 콜로 변경

div{ 
Border: 0px, solid; 
} 

는 또한 자본을 사용하지 마십시오

.tweak-overlay-parallax-enabled.has-parallax-images:not(.tweak-site-width-option-constrained-width) { 
    background-color: #1e2024 !important; 
} 
+0

빠른 답변을 주셔서 감사합니다. 이제 마침내 성가신 반투명 컨테이너를 제거했습니다. – user1902043

1
.Tweak-overlay-parallax-enabled.parallax- item{ 
Background-color: #1d1f23; 
} 

당신은 또한 0 픽셀하기 위해 배경 색상과 동일한로 DIV 색상을 변경하고 경계선을 설정해야 다음 클래스에서 R 내가 휴대 전화에서 입력하기 때문에 내가 가지고있는 문자.