CSS 스타일이 Windows 8의 IE 11에서 올바르게 작동하지 않습니다.

IE를 이해할 수 없습니다. 웹 디자이너/(경미한) 개발자로서 항상 나의 아킬레스 건이 될 것입니다.CSS 스타일이 Windows 8의 IE 11에서 올바르게 작동하지 않습니다.

나는 웹 사이트를 시작했으나 아직 광고하지 않았으며, Windows 8 IE 11에서 확인한 것처럼 떨어져 나간다.

모든 브라우저에서 특정 CSS3 스타일을 사용할 수는 없지만 Windows 7의 IE 11에서 제대로 작동했다면 어떻게 될까요? 그러나 웹 사이트의 몇 가지 스타일은 Windows 8의 IE 11에서 상당히 반대입니다. 그래서 차이점은 무엇입니까?

이것은 내가 문제를 일으킬만한 느낌이 들었던 사이트의 특정 부분이므로이 예제를 예제로 사용하겠습니다.

IE 11에서 윈도우 7에

#ez-home-top-1:before { 
    background: url("http://mywebsite.com/IMAGES/banner-bg-bottom.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); 
    border-bottom: 1em solid #000; 
    bottom: 0; 
    content: ""; 
    height: 65px; 
    left: -9000px; 
    position: absolute; 
    right: -9000px; 
    z-index: 5; 
}

이이 그것이

enter image description here

어떤 모습입니다 그것은 IE 11에서 윈도우 8에

enter image description here

모습입니다 제안, 기사 또는 조언이 작업하는 방법에 관해서는 대단히 감사합니다!

출처

2014-08-28 kia4567

왜 그런가요? 단순히 div를 div에 적용하면됩니다. 정말로 필요하지 않으면 pseudo-elements를 남용하거나 결과를 직면하지 마십시오. – Devin

맨 위 요소 아래에 주 슬라이드 쇼를 절대 배치해야했습니다 (가장 좋은 방법은 반응 형 방법) 그리고 그 하단 이미지를 왼쪽과 오른쪽으로 올바르게 설정하는 유일한 방법은 : before를 사용하는 것이 었습니다. 또한 Windows 8이 아닌 브라우저에서 실제로 작동하는 것처럼 느껴지지 않을 것이라고 생각하지 않았습니다. – kia4567

Windows 8 컴퓨터에서 호환성보기가 설정되어 있습니까? 이는 CSS3 속성에 대한 표준 또는 지원 부족에 대한 소소한 뉘앙스가 아닙니다 (기대되는대로). Win 8 버전은 완전히 손상되었습니다. –

-1

rgba (0,0,0,0)를 사용하고 있기 때문에 문제가 있다고 생각합니다. 현대의 브라우저에서는 완전히 검은 색이므로 검정색으로 이미지를 사용합니다 (예 : 8). 해당 부품을 제거하십시오.

출처

2014-08-29 00:17:31

-1 true 인 경우 질문에 "IE 11"이 4 번 이상 표시됩니다. 따라서 IE 8 동작은 (직접적으로, 적어도) 대답이 아닙니다. –

내 실수. Windows 8을 보았을 때 잘못 읽었습니다. –

rgba에 대해 완전히 이해할 수 있습니다. 일부 브라우저에서는 단색을 알고있었습니다. 다른 운영 체제에서 동일한 브라우저 간의 과감한 차이점이 내 주요 퀴즈입니다. – kia4567

CSS 스타일이 Windows 8의 IE 11에서 올바르게 작동하지 않습니다.

답변

관련 문제