«webkit» 태그된 질문

주로 모바일 사용자를위한 사이트이지만 데스크톱도 있습니다. Mobile Safari에서는 <input type="number">숫자 만 포함해야하는 입력 필드에 숫자 키보드가 표시되므로 사용하면 효과적입니다. 그러나 Chrome과 Safari에서는 숫자 입력을 사용하면 필드의 오른쪽에 스핀 버튼이 표시되어 내 디자인에서 쓰레기처럼 보입니다. 어쨌든 6 자리 숫자와 같은 것을 쓸 때 쓸모가 없기 때문에 버튼이 실제로 필요하지 않습니다. 이것을 …

203 css  html  webkit 

Javascript를 사용하지 않고 페이지로드시 CSS3 전환 애니메이션을 사용할 수 있습니까? 이것은 내가 원하는 종류이지만 페이지로드시 : http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html 내가 지금까지 찾은 것 CSS3 transition-delay , 요소에 대한 영향을 지연시키는 방법. 호버에서만 작동합니다. CSS3 Keyframe 은로드시 작동하지만 매우 느립니다. 그 때문에 유용하지 않습니다. CSS3 전환 속도는 빠르지 만 페이지로드시 애니메이션 효과는 없습니다.

196 css  webkit  css-transitions  css-animations 

iPhone의 Safari에서는 onorientationchange이벤트 를 듣고 window.orientation각도를 쿼리 하여 화면의 방향과 방향 변경을 감지 할 수 있습니다 . 안드로이드 폰의 브라우저에서 가능합니까? 분명히하기 위해 표준 웹 페이지에서 실행 되는 JavaScript 로 Android 장치의 회전을 감지 할 수 있는지 묻습니다 . 아이폰에서 가능하며 안드로이드 폰에서 할 수 있는지 궁금했습니다.

188 javascript  android  webkit 

HTML DOM ID가 주어지면 JavaScript / JQuery에서 창을 기준으로 요소의 위치를 ​​얻는 방법은 무엇입니까? 요소가 iframe 또는 다른 요소 내에있을 수 있기 때문에 이것은 문서 또는 오프셋 부모와 관련하여 동일하지 않습니다. 현재 표시되는 요소 사각형의 화면 위치 (위치 및 치수)를 가져와야합니다. 요소가 현재 화면 밖 (스크롤 오프) 인 경우 음수 …

168 javascript  jquery  ipad  webkit  webview 

10.7 이후 MacOS에서 WebKit / Blink (Safari / Chrome) 기본 동작 (Mac OS X Lion)은 트랙 패드 사용자가 사용하지 않을 때 스크롤 막대를 숨기는 것입니다. 이것은 혼란 스러울 수 있습니다 . 스크롤 막대는 종종 요소를 스크롤 할 수있는 유일한 시각적 신호입니다. 예 ( jsfiddle ) HTML <div class="frame"> Foo<br /> …

162 css  macos  webkit  scrollbar  blink 

최신 버전의 Chrome을 사용하는 경우 클립 보드에서 직접 Gmail 메시지에 이미지를 붙여 넣을 수있는 기능이 언급 된 Google 의 블로그 게시물을 발견했습니다 . 내 Chrome 버전 (12.0.742.91 베타 -m) 으로이 작업을 시도했으며 컨트롤 키 또는 상황에 맞는 메뉴를 사용하여 훌륭하게 작동합니다. 이 동작에서 Chrome에 사용 된 최신 버전의 웹킷이 Javascript …

148 javascript  html  google-chrome  webkit 

CSS로 로딩 아이콘을 회전시키고 싶습니다. 아이콘과 다음 코드가 있습니다. <style> #test { width: 32px; height: 32px; background: url('refresh.png'); } .rotating { -webkit-transform: rotate(360deg); -webkit-transition-duration: 1s; -webkit-transition-delay: now; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; } </style> <div id='test' class='rotating'></div> 그러나 작동하지 않습니다. CSS를 사용하여 아이콘을 어떻게 회전시킬 수 있습니까?

146 css  animation  webkit 

Chrome 용 사용자 에이전트 스타일 시트는 <select>요소 의 모든 모서리에 5px의 경계 반경을 제공합니다 . 외부 스타일 시트를 통해 반경 0px를 적용하고 요소 자체에 인라인을 적용하여이를 제거하려고 시도했습니다. 난 둘 다 해봤 border-radius:0px와 -webkit-border-radius:0px;와 나는 더 구체적인 노력했습니다 border-top-left-radius:0px(그것의 -webkit 동등한와 함께)를. 아무것도 작동하지 않습니다. 웹킷의 개발자 도구에서 요소를 검사 …

143 select  webkit  css 

이에 대한 설명서를 찾는 데 문제가 있습니다. 사파리 전용입니까? iOS 9 ( here ) 에는 최근 뷰 버그 shrink-to-fit=no메타에 솔루션을 추가 하는 버그가있었습니다 . 이 코드는 무엇을합니까?

143 html  safari  webkit  ios9  viewport 

비디오가 여기에 포함 된 이유를 알아 내기 위해 많은 시간을 보냈습니다. <video height="256" loop autoplay muted controls id="vid"> <source type="video/mp4" src="video_file.mp4"></source> <source type="video/ogg" src="video_file.ogg"></source> </video> 페이지가 FireFox에로드되면 자동으로 재생을 시작하지만 Webkit 기반 브라우저에서는 자동 재생을 수행 할 수 없습니다. 이것은 일부 무작위 페이지에서만 발생했습니다. 지금까지 원인을 찾을 수 없었습니다. 닫히지 …

134 javascript  html  google-chrome  safari  webkit 

이 게시물을 이미 보았고 자리 표시 자의 패딩을 변경하기 위해 할 수있는 모든 것을 시도했지만 슬프게도 협력하고 싶지 않은 것 같습니다. 어쨌든, 여기 CSS 코드가 있습니다. ( 편집 : 이것은 sass에서 생성 된 CSS입니다) #search { margin-top: 1px; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 220px; } #search …

133 html  google-chrome  webkit  css 

예를 들어 Facebook API로 작업 할 때 Chrome (또는 다른 웹킷 브라우저)은 이러한 "안전하지 않은 JavaScript로 URL에 프레임에 액세스하려고합니다 ..."를 많이 발생시킵니다. 실제 작업을 방해하지는 않지만 Javascript 콘솔을 기본적으로 사용할 수 없게 만듭니다. 콘솔에서 이러한 오류를 구체적으로 억제하는 방법이 있는지 알고 싶습니다. 또는 다른 사람들이 생각할 수있는 솔루션이 있다면 정말 …

129 javascript  facebook  google-chrome  webkit  facebook-opengraph 

을 수행 한 후 흐릿한 텍스트를 유발하는 최근 Google 크롬 업데이트가있는 것 같습니다 transform: scale(). 특히 나는 이것을하고있다 : @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } Chrome에서 http://rourkery.com 을 …

126 google-chrome  css  webkit  transform  css-animations 

CSS 속성을 사용하여 사용자 정의 그래픽을 대체 글 머리 기호 문자로 지정할 수 있음을 알고 있습니다. list-style-image 그런 다음 URL을 제공합니다. 그러나 제 경우에는 '+'기호를 사용하고 싶습니다. 이를 위해 그래픽을 만든 다음 가리킬 필요가 없습니다. 차라리 순서가 지정되지 않은 목록에 더하기 기호를 총알 기호로 사용하도록 지시하고 싶습니다. 이 작업을 수행 …

125 html  css  webkit  mobile-webkit 

콘텐츠를에로드하고이를 표시하는 앱 UIWebView이 있습니다. 사용자가 링크를 클릭 할 수 있기를 원하기 때문에 사용자 상호 작용을 완전히 비활성화 할 수 없습니다. 사용자 선택을 비활성화하면됩니다. 인터넷에서 사용할 수있는 곳을 찾았습니다. document.body.style.webkitUserSelect='none'; 나는 이것을 다음과 같이 삽입하려고 시도했다. [self.contentView stringByEvaluatingJavaScriptFromString:@"document.body.style.webkitUserSelect='none';"]; 에 webViewDidFinishLoad: 그러나 작동하지 않습니다. WebView 내에서 여전히 텍스트를 선택하고 복사 할 …

121 ios  uiwebview  webkit  ios4  mobile-webkit