CSS 파일 변경 사항이 브라우저에 반영되지 않았습니다.

다음 기능이 CSS 파일 안에 있습니다.CSS 파일 변경 사항이 브라우저에 반영되지 않았습니다.

#portfolio .portfolio-box .portfolio-box-caption { 
    display: block; 
    position: absolute; 
    bottom: 0; 
    width: 100%; 
    height: 100%; 
    text-align: center; 
    color: #fff; 
opacity: 0; 
    background: rgba(13, 13, 13, 0.1); 
    -moz-transition: all 0.3s ease-in-out; 
    -o-transition: all 0.3s ease-in-out; 
    -webkit-transition: all 0.3s ease-in-out; 
    transition: all 0.3s ease-in-out; 
}

내가 좋아하는 뭔가에 RGBA 함수의 매개 변수 값을 변경했습니다 :

background: rgba(255, 255, 132, 0.1);

하지만 변화는 브라우저에 표시되지 않습니다. 또한 캐시 된 브라우저의 데이터를 삭제했지만 결과가 나타나지 않았습니다.

도와주세요. 미리 감사드립니다.

출처

2017-05-09 Ovidiu

'background' 속성의 업데이트 된 값을보기 위해 요소를 검사하여 캐시가 제대로 지워 졌는지 확인 했습니까? – hungerstar

나는 그것을했다. 값을 검사 할 때 값이 업데이트되지 않습니다 (이전 값이 표시됨). 다른 브라우저를 사용해 보았는데 예상대로 작동하는 것 같습니다. (Chrome에서 문제가 지속되는 이유는 무엇입니까?) – Ovidiu

불투명도 제거 : 0; 시도해 봐. – tech2017

애셋 (CSS, JS, 종종 이미지를 변경하는 경우가있을 수 있음)의 핑거 프린팅을 구현해야합니다. 로컬 호스트에서 개발하는 동안은 캐시를 쉽게 캐시하고 지울 수 있지만 라이브 사용자가되면 즉시 캐시를 지우고 자산의 변경 사항을 전달할 수있는 유일한 방법은 없습니다 (CSS, JS, 이미지, 글꼴)을 지문 인식을 통해 모든 사용자에게 제공합니다. 이것이 어떻게 이루어 졌는지는 빌드 프로세스와 전체 스택에 달려 있습니다. 본질적으로 핑거 프린팅은 자산 쿼리에 버전 쿼리를 추가하기 만합니다. 예를 들어 CSS 스타일은 style.css로 연결되지 않지만 style.css? v = 1로 연결되고 다음 변경시 v = 2 등으로 연결됩니다. 마지막 변경 타임 스탬프 또는 다른 방법.

출처

2017-05-09 19:13:27