div를 스크롤 할 때 스크롤 가능한 div가 있고 div 상단에 그림자를 구현하려고했습니다. https://codepen.io/bennyzhao/pen/iGoBm 이 예는 나를 위해 일했다,하지만 난 주위를 연주 후, 나는 direction이 rtl로 설정되어 background-attachment: local의 행동에 이상한 뭔가를 발견 : 나는 cod
spn 웹 응용 프로그램의 배경 이미지를 설정하려고하는데 배경을 고정해야합니다 (페이지의 나머지 부분과 함께 스크롤되지 않습니다). 안드로이드에 body {
background-color: rgb(51, 102, 102);
background-image: url('../images/background.png');
backgroun
동일한 페이지의 다른 요소에 배경을 추가하는 데 문제가있어 도움이 될 수 있습니다. "배경 부착"을 사용하여 여러 개의 섹션과 배경 (예 : http://ofarevolution.com/)이있는 한 페이지짜리 사이트를 만들려고하고 있지만 한 개 이상의 배경을 표시 할 수 없습니다. 미쳤어, 제발 도와 줘. http://codepen.io/marks828/p
큰 배경 표지가 있습니다. <div id="cover">
...
</div>
그리고 CSS #cover {
background:url('cover.jpg') no-repeat fixed center center/cover;
height: 350px;
width: 100%;
}
예상 출력 : 배경 화상 350px
CSS 만 사용하고 제 3 자 라이브러리가없는 시차 스크롤 효과를 만들려고합니다. background-attachment: fixed을 사용하면 내 페이지에서 여러 개의 전체 너비 div에 대해 원하는 효과를 얻을 수있었습니다. 그러나이를 사용하면 성능에 부정적인 영향을 미칩니다. 내가 대신 하나 내 방법은 here을 발견 변경 : .element {
내가 시도한 것은 불가능하지 않기를 바랍니다. 먼저 설명해 드리겠습니다. 일부 상황 (미디어 쿼리 블록)에서 배경을 수정해야하는 반응 형 디자인이 있습니다. 문제의 디자인이 하나입니다 최대 높이 하나는 최소 폭에 대한 하나 http://think-open.at/fileadmin/templates/responsive/content.html 는 기본적으로 두
배경 - 첨부의 CSS 전용 동등한 효과를 찾으려고합니다. 인라인 IMG 요소와 함께 작동하는 고정. 내가 시도한 위치 : 고정,하지만 문서 흐름에서 이미지를 제거하면이 인스턴스에서 작동하지 않습니다. https://codepen.io/julianapong/pen/vewmzw body{
height:2000px;
padding:0;
Firefox에서 CSS 값 변환을 background-attachment: fixed 해제하십시오. 여기 는 example div {
transform: translate3d(0,0,0); // if remove starts to work
width: 100%;
height: 2000px;
backgrou
다음과 같은 문제가 있습니다. 나는 그것을 할 수있는 빠른 방법이 있다고 생각하지만, 지금은 그것을 해결할 방법을 찾을 수 없습니다. 그래서 이미지가 있고 배경 이미지로 사용하고 싶습니다. <body> 요소의 페이지 상단에만입니다. 현재 아래로 스크롤하면 현재 페이지의 맨 아래로 이동합니다. i를 folllowing 코드가 있습니다 body {
c