- Shipped
- 2026년 8월 19일 오전 3:43 UTC
- Author
- Kamo
- Commit
- 646db37
PREVIEW BANNER - CSS는 컴포넌트 내부의 `<style jsx>` 블록에 살았습니다. App Router styled-jsx에서 클라이언트 구성 요소에 대해 서버 렌더링 CSS가 아닌, 그래서 SSR HTML은 배너 마크 업을 발송 (<body>의 첫 번째 요소입니다) class name matching no stylesheet, 그리고 <style> 태그는 한 번만 등장 JS 번들 랜. 생산에 대해 확인 : 0 인라인 <style> 블록 제공된 HTML, CSS 번들의 규칙의 아무도. 규칙 이동 <head>의 렌더링 차단 스타일 시트인 globals.css에 적용 첫번째 페인트에. 배너는 위치 : 고정 및 높이는 효과에 의해 예약되었습니다. document.body.style.paddingTop, 그래서 내용 sat underneath까지 수화 및 그 후 점프. ----banner-h, 38px) 첫 번째 페인트에서 그것을 예약; 효과는 여전히 변수를 덮어 측정 된 높이, 작은 화면에 복사 된 포장이 있는지. FEATURE CARDS - 이전 수정은 스트레칭을 사용 ::Z-index 1 이후, 하지만 카드의 <h3>와 <p>는 `relative z-10`를 나릅니다. 그들은 오버레이 위에 그려지고 카드의 대부분을 가로 질러 클릭을 삼았으므로 여전히 죽은 곳이었습니다. 그것은 중요. 합법적으로 콘텐츠에 대한 escalate z-index 보다는 오히려 호버 레이어 위에 앉아 필요, 앵커는 이제 전체 카드를 포장. 이름 * 전체로 탐색하는 카드에 대한 올바른 semantics이며 그것을 하나의 두 개 대신 탭 중지; 내부 "더 많은"가 일반 마크 업으로 되돌아, 이후 링크 내부는 유효하지 않습니다.