예제 이미지는 http://i40.tinypic.com/2nv4gol.png을 참조하십시오.스팬 내 스팬 배경색 우선 순위
다른 스팬 요소 (예제 이미지의 빨간색 배경)가 포함 된 span 요소 (예제 이미지에서 파란색 배경)가 있습니다. 현재 내부 스팬의 빨간색 배경색이 컨테이너 스팬의 파란색 배경색보다 우선합니다.
내부 스팬의 빨간색 배경색보다 컨테이너 스팬의 파란색 배경색이 우선해야합니다.
컨테이너 스팬의 z- 인덱스를 사용하여 불투명도를 적용 할 수 있습니까? 어떤 도움을 주시면 감사하겠습니다.
어쩌면 당신은, 내부 스팬에 대한 새로운 CSS를 정의는 투명한 배경을하고 추가 할 수 있습니다! CSS 규칙에 중요한처럼, 내부 스팬 클래스 'X'경우 ...
.x {background-color:transparent !important}
음, 컨테이너를 position: relative; z-index: 1;으로 설정하고 내부를 position: relative; z-index: 0;으로 설정해 볼 수도 있지만 배경색 뒤에 텍스트가 숨겨져 있다고 생각합니다.
내가 왜이 작업을 수행하려고하는지에 대한 자세한 정보는 이보다 더 좋은 대답을 줄 수 있다고 생각하지만 어쩌면 일부 JavaScript가 내부 스팬의 배경색을 제거 할 수 있습니까? 내가 말했듯이, 그것은 당신이하는 일에 달려 있습니다.
나는 위치를 시도했다 : relative + z-index 트릭과 내 결과의 변화 없음. 여전히 내부 스팬 배경이 컨테이너 범위보다 우선합니다. 이것은 서식있는 텍스트 편집기 용이므로 내부 스팬의 배경색을 제거하는 일부 JS는 고통 스러울 것입니다. 내부 스팬의 배경색을 저장하고 텍스트를 선택 취소 한 후에 다시 적용해야하기 때문입니다. .. –
JS 추가/제거 클래스의 조합으로 고마워. –