2013-03-06 5 views
2

새 웹 사이트의 목록 메뉴에 문제가 있습니다.li : IE8에 표시되기 전에

저는 li : before를 사용하여 a를 표시합니다. 메뉴의 모든 항목 앞에 표시됩니다. 내가 다시 잠시 일을 한이 웹 사이트에서 잘 작동 어떤 이상한 이유로

#menu li:first-child:before { 
    content:""; 
    } 

#menu li:before { 
content: " | "; 
} 

: http://www.oneillsbedandbreakfast.com하지만 내가 지금 일하고 사이트에서 작동하지 않는 경우 다음 CSS를 사용하여 http://www.scoridcottage.com/newdesign

아이디어가 있으십니까?

+0

jsfiddle에서 문제를 재현 할 수 있습니까? Fx, Chrome 및 IE9에서 작동합니까? – FelipeAls

답변

2

W3Schools에 따르면 :before이 IE8에서 작동하려면을 선언해야합니다. 다른 유사 요소 (예 : :first-child)도 마찬가지입니다. <!DOCTYPE>

: 도움이 http://www.w3schools.com/tags/tag_doctype.asp

희망!

+0

고마워! 지금 일하는 모든 것! 그건 내 편에서 좀 지저분한 코딩 이었어 ... – user2140681

5

:before이 Internet Explorer 8에서 작동하려면 <!DOCTYPE>을 설정해야합니다. 귀하의 웹 사이트에서 doctype 앞에 코멘트가 나타납니다. 이로 인해 일부 브라우저에서 이상한 동작이 발생합니다.

+0

고마워요! 지금 일하는 모든 것! 그건 내 편에서 좀 지저분한 코딩 이었어 ... – user2140681

관련 문제