«webkit» 태그된 질문

-webkit-transform: translate3d(0,0,0); 정확히 무엇을 합니까? 성능 문제가 있습니까? 본문이나 개별 요소에만 적용해야합니까? 스크롤 이벤트를 크게 개선하는 것 같습니다. 수업 감사합니다!

89 html  css  webkit 

이상한 문제가 있습니다. 반복되는 배경 비디오로 웹 사이트를 만들려고합니다. 코드는 다음과 같습니다. <video src="video/bg.mp4" style="z-index: -1;object-fit: cover;" poster="video/bg.jpg" autobuffer autoplay loop muted></video> 코드 조각 실행Hide results스 니펫 확장 이것은 대부분의 브라우저에서 완벽하게 작동하지만 (IE는이 객체에 맞는 것에 어려움을 겪지 만 괜찮습니다) iPhone에서는 비디오가 자동 재생되지 않지만 iPad에서는 작동합니다. 이미 iOS …

88 ios  html  video  webkit  autoplay 

이것은 아이폰 사이트입니다 : http://www.thevisionairegroup.com/projects/accessorizer/site/ "지금 플레이"를 클릭하면 게임이 시작됩니다. 총이 스크롤됩니다. 지갑과 액세서리를 위아래로 스크롤 할 수 있습니다. 놓으면 제자리에 끼워지는 것을 볼 수 있습니다. 스냅이 발생하는 것처럼 깜박임이 발생합니다. 내가 사용하는 유일한 웹킷 애니메이션은 다음과 같습니다. '-webkit-transition': 'none' '-webkit-transition': 'all 0.2s ease-out' '-webkit-transform': 'translate(XXpx, XXpx)' 애니메이션을 적용할지 여부에 …

83 iphone  css  animation  webkit  flicker 

일부 플러그인 CSS를 재정의하는 데 문제가 있습니다. CSS를 직접 편집하는 것은 플러그인 업데이트를 더 위험하게 만들 수 있으므로 실제로는 선택 사항이 아닙니다. 문제 : 요소에 절대 위치가 있고 원본에서 top : 0px가 있습니다. bottom : 0px로 재정의하고 싶습니다. 예를 들어 .element {position:absolute; top:0;} /* in another file */ .my .element …

82 css  webkit  css-position 

그것의 오른쪽에 정렬 텍스트에 가능하다면 누구 알고 있나요 <select>또는 더 구체적 <option>으로 요소 웹킷을 . IE를 포함한 브라우저 간 솔루션 일 필요는 없지만 가능하다면 순수한 CSS 여야합니다. 나는 둘 다 시도했다 : select { text-align: right }및 option { text-align: right }, 그러나 둘 다 WebKit (Chrome, Safari 또는 Mobile …

82 html  css  webkit 

현재 Gmail과 동일한 기능을 구현하고 싶습니다. 새 이메일이 도착하거나 새 채팅이 오면 알림 팝업이 나타나고 클릭하면 Gmail 탭에 초점이 맞춰집니다. 이 코드가 있습니다. var n = window.webkitNotifications.createNotification('ico.gif', 'Title', 'Text'); n.onclick = function(x) { this.cancel(); }; n.show(); 알림을 클릭하면 사라집니다. 이제이 알림을 생성 한 페이지를 표시하고 초점을 맞추기 위해 onclick 함수에 …

82 javascript  google-chrome  webkit  notifications  gmail 

CSS 전환 상태를 전환하기 위해 CSS 전환을 사용하고 있습니다 (기본적으로 요소의 크기 전환). 요소가 전환 될 때 페이지의 나머지 텍스트 (Webkit에서)는 전환이 완료 될 때까지 렌더링을 약간 변경하는 경향이 있습니다. 바이올린 : http://jsfiddle.net/russelluresti/UeNFK/ 나는 또한 이것이 -webkit-font-smoothing: antialiased속성 / 값 쌍이 있는 내 헤더에서 발생하지 않는다는 것을 알았 습니다. 그래서 …

81 css  webkit  css-transitions  css-transforms 

입력 "숫자"필드에 대해 항상 위 / 아래 화살표를 표시하고 싶습니다. 이것이 가능한가? 지금까지 운이 없었어요 ... http://jsfiddle.net/oneeezy/qunbnL6u/ HTML : <input type="number" /> CSS : input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: "Always Show Up/Down Arrows"; }

81 html  css  input  webkit  shadow-dom 

JavaScript를 사용하여 Safari에서 키보드 이벤트를 시뮬레이션하려고합니다. 나는 이것을 시도했다 : var event = document.createEvent("KeyboardEvent"); event.initKeyboardEvent("keypress", true, true, null, false, false, false, false, 115, 0); ... 그리고 이것도 : var event = document.createEvent("UIEvents"); event.initUIEvent("keypress", true, true, window, 1); event.keyCode = 115; 그러나 두 가지 접근 방식을 모두 시도한 후 동일한 문제가 …

79 javascript  safari  webkit  dom-events  keyboard-events 

사용자가 전화 번호를 클릭 할 때 호출되도록 HTML에서 전화 번호를 클릭 할 수 있도록 할 수 있습니까?

78 android  html  iphone  webkit  mobile-safari