입력 필드 요소가 포함 된 웹 페이지를 만들고 있습니다. 입력 필드 요소는 배경이 파란색 인 div 안에 있습니다. 나는 입력 필드가 흰색이 되길 원하지만 div의 파란색 배경 부분이 보이도록 투명하게하고 싶다. 나는 또한 분야에서 흰 텍스트를 원할 것이다. 이 코드를 모든 브라우저와 호환되도록 CSS에서 어떻게 코딩합니까?어떤 투명/불투명 배경 코드가 모든 브라우저와 호환됩니까?
난 당신이 지원을 찾고하는 브라우저 완전히 명확하지 않다 - 어쨌든 -하지만 당신은 그럼 그냥 모든 현대 브라우저를 의미하는 경우 호환성에 대한 특히 우려하지 않을 것이다 :
background-color: transparent;하는 작업을해야 어디서나.
전체 요소를 부분적으로 불투명하게하려면 here과 같이 IE8에는 filter을 사용하고 다른 모든 요소에는 opacity을 사용할 수 있습니다.
background-color (또는 다른 색상)을 부분 불투명 한 색상으로 설정하려면 rgba (예 : color: rgba(255,0,0,0.5);)를 사용할 수 있습니다. 더 많은 정보 + 지원 테이블 여기 here. Spoiler : IE8에서는 작동하지 않습니다.
퍼펙트 응터! 내가 찾고 있던 정보. – user1670316
* 모든 * 브라우저는 무엇입니까? 스라소니? IE1? – alex
@alex 가장 일반적인 사이트 (Facebook, Twitter, Stack Overflow, Yahoo 등)를 사용하는 브라우저를 말합니다. – user1670316
IE7은 어떻습니까? 많은 대형 사이트 (Facebook, Google, YouTube)는 더 이상 지원하지 않지만 아직 완전히 죽지는 않았습니다. – tuff