>웹 프론트엔드 >CSS 튜토리얼 >내 CSS `배경` 속성이 '잘못된 연산자' 오류를 발생시키는 이유는 무엇입니까?

내 CSS `배경` 속성이 '잘못된 연산자' 오류를 발생시키는 이유는 무엇입니까?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-12-03 11:53:14646검색

Why Does My CSS `background` Property Throw an

잘못된 배경 속성 수정: "오류: CSS: background: /는 잘못된 연산자입니다"

제공된 HTML 해결 코드 조각에는 유효성을 검사할 때 "잘못된 연산자" 오류를 발생시키는 "배경" 속성이 포함되어 있습니다. 문제는 "/" 문자가 있기 때문에 설명이 필요합니다.

배경 구문 이해하기

CSS는 "배경" 구문을 정의합니다. 단축 속성은 다음과 같습니다.

background: <bg-property> <bg-property> ... ;

여기서 "" 다음의 임의의 조합이 될 수 있습니다. 다음:

  • 배경색
  • 배경 이미지
  • 배경 위치
  • ba ckground-size
  • 배경 반복
  • 배경 첨부

해결 중 "잘못된 연산자" 오류

제공된 HTML에서 다음 "배경" 속성으로 인해 오류가 발생합니다.

background: url('...') 100% 0 / 4%;

"/" 문자가 다음과 같이 사용됩니다. "배경 위치"와 "배경 크기" 속성 사이의 구분 기호입니다. 그러나 HTML 유효성 검사기는 이 사용법이 올바르지 않음을 감지합니다.

배경 구문 수정

CSS 구문에 따르면 "배경- 위치" 및 "배경 크기"는 "/" 문자를 생략하고 대신 공백을 사용합니다. 따라서 유효한 "배경" 속성은 다음과 같아야 합니다.

background: url('...') 100% 0 4% no-repeat;

여기서 100% 0은 "배경 위치"를 나타내고 4%는 "배경 크기"를 나타냅니다.

위 내용은 내 CSS `배경` 속성이 '잘못된 연산자' 오류를 발생시키는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.