고정 위치 지정과 웹킷 변환: 흥미로운 사례
CSS 레이아웃 영역에서는 위치 고정과 웹킷 변환이 서로 얽혀 있는 경우가 많습니다. 전자는 페이지가 스크롤될 때 요소가 고정된 상태로 유지되도록 하는 반면, 후자는 유연한 요소 변환을 허용합니다. 그러나 위치 고정 요소에 웹킷 변환을 적용하려고 하면 당황스러운 문제가 발생합니다.
당면 질문은 이러한 당황스러운 동작에 관한 것입니다. Firefox에서 완벽하게 작동함에도 불구하고 위치 고정 요소는 Webkit 기반 브라우저에서 웹킷 변환을 적용한 후 고정된 위치를 잃는 것처럼 보입니다.
이 수수께끼를 풀기 위해 CSS 변환 사양을 살펴보겠습니다. 사양에 따르면 변환이 있는 요소는 위치가 고정된 하위 항목에 대한 포함 블록 역할을 합니다. 이는 변환된 요소 내에 중첩된 위치 고정 요소가 고정 위치 지정 동작을 잃음을 의미합니다.
그러나 이 제한 사항에 대한 해결 방법이 있습니다. 동일한 요소에 적용하면 변환 및 위치 고정 속성이 함께 작동합니다. 요소는 먼저 고정된 위치에 배치된 다음 변환을 사용하여 모양이 수정됩니다.
이 내용은 다양한 CSS 속성 간의 상호 작용과 웹 요소에 원하는 효과를 얻기 위해 이러한 속성이 상호 작용하는 방식을 이해하는 것이 얼마나 중요한지 강조합니다.
위 내용은 Webkit 변환이 Webkit 브라우저에서 고정 위치 지정을 중단하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

몇 달 전에 나는 해커 뉴스를 썼고 (하나와 마찬가지로) IF 문을 사용하지 않는 것에 대한 (현재 삭제 된) 기사를 가로 질러 달렸습니다. 이 아이디어를 처음 접한다면 (나처럼

공상 과학 소설의 초기부터 우리는 우리와 대화하는 기계에 대해 환상을 가지고 있습니다. 오늘은 평범합니다. 그럼에도 불구하고 제작 기술

Gutenberg가 핵심으로 풀려 났을 때를 기억합니다. 왜냐하면 나는 그날 WordCamp에 있었기 때문입니다. 지금은 몇 달이 지났으므로 점점 더 많은 것을 상상합니다.

대부분의 웹 애플리케이션의 배후에있는 아이디어는 데이터베이스에서 데이터를 가져 와서 최상의 방법으로 사용자에게 제시하는 것입니다. 우리가 거기에서 데이터를 다룰 때

#039;는 당신이 의미있는 것처럼 보일 수있는 상황에 대한 약간의 단계를 수행하자. 이것에서

Garden Variety Anchor Link ()가 새 이메일을 열 수 있습니다. 이 기능으로 약간의 여행을하자. 사용하기 쉽지만 무엇이든 사용하기 쉽습니다

여기에 작은 고백 : 내가 한 눈에 Netlify CMS를 처음 보았을 때, 나는 다음과 같이 생각했다. 그 다음에


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

SublimeText3 영어 버전
권장 사항: Win 버전, 코드 프롬프트 지원!

mPDF
mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

MinGW - Windows용 미니멀리스트 GNU
이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기
