배경이있는 HTML 단추가 IE8에 표시되지 않습니다.

IE8의 제 단추가 표시되지 않을 수 있습니다. 이유는 무엇입니까? 배경 추가 시도 : 투명 URL ('..'),하지만 도움이 안된다. 다음 코드입니다.배경이있는 HTML 단추가 IE8에 표시되지 않습니다.

.wpcf7 input.wpcf7-submit { 
    background: url("/wp-content/themes/ASC/images/<?=ICL_LANGUAGE_CODE;?>_submit.png") no-repeat scroll center top rgba(0, 0, 0, 0); 
    border: 0 none; 
    cursor: pointer; 
    height: 25px; 
    margin: 0; 
    overflow: hidden; 
    padding: 25px 0 0; 
} 

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
    border: 1px solid #ccc; 
    border-color: #ccC#ccC#bbb #ccc; 
    border-radius: 3px; 
    background: #e6e6e6; 
    box-shadow: 0 0 0 0 black; 
    color: rgba(0, 0, 0, .8); 
    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ 
    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ 
    font-size: 12px; 
    font-size: 1.2rem; 
    line-height: 1; 
    padding: .6em 1em .4em; 
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 
}

출처

2014-03-19 Eimantas Gabrielius

이것이 실제 CSS 파일에 있다고 말하지 마십시오. – putvande

rgba 색상 값을 지정했습니다. IE8은이를 인식하지 못하므로 전체 속성을 무시합니다.

를 사용하여 투명 명시 색 대신 (두 개의 색상을 가질 수 없습니다)

background: transparent url("/wp-content/themes/ASC/images/<?=ICL_LANGUAGE_CODE;?>_submit.png") no-repeat scroll center top;

출처

2014-03-19 13:18:43 Quentin

감사합니다. –

당신은 여전히 당신만을위한 것입니다 새로운 스타일을 지정할 수있는 다른 브라우저에서 RGBA 색상 값을 사용하려는 경우

<!--[if gte IE 8]> 
    <link rel="stylesheet" type="text/css" href="ie8-and-up.css" /> 
<![endif]-->

또는

는 쿠엔틴의 대답으로 그냥 진수 색상으로 RGBA을 변경하고 일부 TR을 줄 수있는 인터넷 익스플로러 anonymous

출처

2014-03-19 13:25:40

[rgba fallback] (http://dorward.me.uk/www/css/alpha-colour/)을 사용하려면 브라우저 검색에 의존 할 필요가 없습니다. 그리고 내 대답은 불투명도 사용을 제안하지 않습니다. – Quentin

대부분의 문제는 Internet Explorer 전용 스타일 시트를 만들어 해결할 수 있습니다. 그래서 내가이 대답을 주었고 불투명도가 전체 레이어에 대한 것이고, 그것은 나쁘다. –

나는 반투명, 플렉스 박스 및 기타 새로운 CSS 기능을 사용하여 행복하게 IE8에서 별도의 스타일 시트가 필요없이 정상적으로 성능이 저하된다. – Quentin

배경이있는 HTML 단추가 IE8에 표시되지 않습니다.

답변

관련 문제