overflow-y: scroll;　ãŒåŠ¹ã‹ãªã„ディスプレイãŒã‚る。ãã‚Œã¯retinaディスプレイ。　 - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Android4.0ã¨iframe
Android4.0ã¨iframe iframe内ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を展開ã™ã‚‹ã¨Android4.0ã§ã‚·ãƒ“レルãらã„様々ãªãƒã‚°ãŒç™ºç”Ÿã—ã¾ã™ã€‚ 弊社æ¾ç”°ã®èª¿ã¹ã«ã‚ˆã‚‹ã¨è¦‹ã¤ã‘ãŸã ã‘ã§ã‚‚以下ã®ã‚ˆã†ãªä¸å…·åˆãŒã‚るよã†ã§ã™(Galaxy Nexus調ã¹)。シビレã¾ã™ã。 aè¦ç´ ã« display:block を指定ã—ã¦ã‚‚ã€å¿…ãšã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã«ãªã‚‹ position:fixed ã§é…ç½®ã—ãŸè¦ç´ ãã®ã‚‚ã®ãŒã‚¿ãƒƒãƒ—ã§ããªã„ document.body.scrollTop ãŒå–å¾—ã§ããªã„ -webkit-tap-hightlight-color ã®æŒ‡å®šãŒåŠ¹ã‹ãªã„ ページ内ã®ã‚¢ãƒ³ã‚«ãƒ¼ãƒªãƒ³ã‚¯ãŒåŠ¹ã‹ãªã„ ページã®æœ€ä¸‹éƒ¨ã«é…ç½®ã—ãŸaè¦ç´ ã¯ã‚¿ãƒƒãƒ—ã¯ã§ãã‚‹ãŒã€ãƒªãƒ³ã‚¯é·ç§»ã›ãšã€ã‚¤ãƒ™ãƒ³ãƒˆã‚‚発ç«ã—ãªã„ z-indexã§ä¸‹ã«é‡ãªã‚‹è¦ç´ ãŒã€pointer-events ã®æŒ‡å®šãŒå…¨ã効ã‹ãªãタップã§ãã¦ã—ã¾ã† jsç‰ã§è¦ç´ ã‚’ä½ç½®ç§»å‹•ã—ã¦ã‚‚ã€è¦
スマートフォンã¨position:fixedã®ãƒã‚°
スマートフォンã¨position:fixedã®ãƒã‚° iPhoneã§ã¯iOS5ã‹ã‚‰Androidã§ã¯2.2ã‹ã‚‰position:fixedã«å¯¾å¿œã•ã‚Œã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã‚‚固定é…ç½®ãŒåˆ©ç”¨ã§ãã¤ã¤ã‚ã‚Šã¾ã™ã€‚ã¨æ€ã„ãや色々ã¨è½ã¨ã—ç©´ãŒå¤šã„ã®ã§ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ Androidã§ã¯user-scalable=noãŒå¿…é ˆ <meta name="viewport" content="user-scalable=no" /> Androidã§ã¯viewportã«user-scalable=noã®æŒ‡å®šãŒãªã„ã¨position:fixedãŒå‹•ãã¾ã›ã‚“。iPhoneã§ã¯user-scalable=noã®æŒ‡å®šãŒãªãã¦ã‚‚position:fixedãŒå‹•ãã¾ã™ãŒã‘ã£ã“ã†æŒ™å‹•ãŒå¾®å¦™ãªã®ã§user-scalable=noã¯æŒ‡å®šã—ã¦ãŠã„ãŸã»ã†ãŒè‰¯ã„ã§ã—ょã†ã€‚ サンプル（user-scalable=noã‚り） サンプル（us
スタイルシートをã‚ãる冒険: dlã‚’å«ã‚€ãƒœãƒƒã‚¯ã‚¹ã«èƒŒæ™¯ç”»åƒã‚’指定ã™ã‚‹ã¨èƒŒæ™¯ç”»åƒãŒç¹°ã‚Šè¿”ã•ã‚Œã‚‹
ã“ã®ç¾è±¡ã¯ã€ã‚ã‚‹Webページã§ã€â€»1～ã€â€»2～ã€â€»3～ã¨ã„ã†ã‚ˆã†ãªã€Œè„šæ³¨ã€ã«dlタグを使用ã—ãŸã¨ãã«ç™ºç”Ÿã—ãŸã€‚ 本文ã¨è„šæ³¨ã‚’区切る罫線ã¨ã—ã¦ã€è„šæ³¨ã‚’å«ã‚€ãƒœãƒƒã‚¯ã‚¹ã®ä¸Šéƒ¨ã«ã€äºŒé‡ç ´ç·šã®èƒŒæ™¯ç”»åƒï¼ˆline.gif ã‚’x軸ã«ãƒªãƒ”ート）を指定。ddã«ãƒžã‚¤ãƒŠã‚¹ã®margin-topを指定ã—ã¦ã€dtã¨ddãŒæ¨ªã«ä¸¦ã¶ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã—ãŸã¨ã“ã‚ã€ä¸€ç•ªä¸Šã«ã ã‘入るã¹ã罫線ãŒ<dt></dt><dd></dd>ã®ã‚»ãƒƒãƒˆã”ã¨ã«å…¥ã£ã¦ã—ã¾ã£ãŸã®ã§ã‚る。 [該当ã™ã‚‹ãƒ–ラウザ] Windowsï¼IE7.0（互æ›ãƒ¢ãƒ¼ãƒ‰ã®ã¨ã）ã€IE6.0以下 症状 実際ã«ã©ã†ã„ã†ã“ã¨ã‹ã€å³ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’見ã¦ã„ãŸã ã“ã†ã€‚ã“ã‚Œã¯ã€IE7.0ã§è¡¨ç¤ºã•ã›ãŸã¨ãã®ã‚‚ã®ã§ã‚る。 ãã—ã¦ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¨HTMLã¯ä»¥ä¸‹ã®ã‚ˆã†ã«è¨˜è¿°ã•ã‚Œã¦ã„る。（→サンプルページ1） ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€‘ body { line-height: 1.5em; } .b
Microsoft Support
All Microsoft Global Microsoft 365 Teams Copilot Windows Surface Xbox Deals Small Business Support Software Windows Apps AI Outlook OneDrive Microsoft Teams OneNote Microsoft Edge Skype PCs & Devices Computers Shop Xbox Accessories VR & mixed reality Certified Refurbished Trade-in for cash Entertainment Xbox Game Pass Ultimate PC Game Pass Xbox games PC and Windows games Movies & TV Business Micro
é€éŽPNGã®ç½ - AUSGANG SOFT
IE7ã§é€éŽPNGãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã€ä»¥å‰ã‹ã‚‰ã‚‚ã‚ã‚Šã¾ã—ãŸãŒã€é€éŽPNGã‚’IE5.5ã€6ã§ã‚‚表示ã•ã›ã‚‹JSライブラリãŒã„ãã¤ã‹å‡ºã¦ã„ã¾ã™ã€‚ ã“れらã®ãƒ©ã‚¤ãƒ–ラリã¯ã€IE独自ã®AlphaImageLoaderフィルターを利用ã—ã¦æ“¬ä¼¼çš„ã«é€éŽPNG表示をã•ã›ã¦ã„ã¾ã™ã€‚ ã§ã‚‚ã€ã“ã®AlphaImageLoaderフィルターã«ã¯ã€ç™–ãŒã‚ã£ã¦ã€ãã‚Œã§ä»¥å‰ã«ãƒãƒžã£ãŸã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ 実例 IE6(5.5)ã§è¦‹ã¦ãã ã•ã„。 å¹ã出ã—ã®ä¸ã®Lingerã¸ã®ãƒªãƒ³ã‚¯ã‚’クリックã—ã¦ç§»å‹•ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã‹ï¼Ÿ åŽŸå› åŽŸå› ãŒã•ã£ã±ã‚Šã‚ã‹ã‚‰ãªã‹ã£ãŸã®ã§ã€ãƒ©ã‚¤ãƒ–ラリã®ä¸èº«ã‚’見ã¦ã€AlphaImageLoaderã§æ¤œç´¢ã—ãŸã¨ã“ã‚以下ã®æƒ…å ±ãŒã€‚ PNG ã¡ã‚‡ã£ã¨è£æŠ€ (2) http://www.minc.ne.jp/~konda/new/png/urawaza02.html アルファイメージãƒãƒ¼ãƒ€ãƒ¼ã‚’使用ã—ãŸè¦ç´ (ã‚¿ã‚°)ã®å†…
nitoka blog: IEã ã¨imgã‚¿ã‚°ã‚’labelã§å›²ã‚“ã§ã‚‚å‹•ã‹ãªã„
FireFoxã ã¨ã“ã‚“ãªæ„Ÿã˜ã§ã€imgã‚¿ã‚°ã‚’labelã§å›²ã‚ã°labelã®å‹•ãã‚’ã—ã¦ãれるã®ã§ã™ãŒã€ <input type="radio" name="q1" value="1" id="q11" > <label for="q11"><img src="images/hoge.gif" alt="値1" /></label> <input type="radio" name="q1" value="2" id="q12" > <label for="q12"><img src="images/huga.gif" alt="値2" /></label> <input type="radio" name="q1" value="3" id="q13" > <label for="q13"><img src="images/fuga.gif" alt="値3" /></label> IEã ã¨
Bug: IE7 absolutely positioned italics
I recently discovered a rather bizarre bug that only seems to affect IE7. If you absolutely position italic text of any kind (text made italic through authors styling or something that is styled via the default browser stylesheet such as ems.) IE7 seems to screw up the rendering and ends up creating a horizontal scrollbar. This problem is best illustrated with an example page (View in IE7 to see t
YappoLogs: IEãŒWeb2.0ã«å¯¾å¿œã—ã¦ã„ãªã‹ã£ãŸä»¶
IEãŒWeb2.0ã«å¯¾å¿œã—ã¦ã„ãªã‹ã£ãŸä»¶ 既出ãƒã‚¿ã‹ã©ã†ã‹åˆ†ã‹ã‚‰ãªã„ã‘ã©ã€iframe name tagsã§ã‚°ã‚°ã£ã¦ã‚‚æƒ…å ±ã§ã¦ç„¡ã„ã®ã§æ›¸ã„ã¦ãŠãã¾ã™ã€‚ 特定ã®ã‚¿ã‚°ã‚„name属性をHTMLä¸ã«è¨˜è¼‰ã™ã‚‹ã¨IEã®Ctl-Fã§ã®ãƒšãƒ¼ã‚¸å†…検索やプリント機能ãŒä½¿ãˆãªããªã‚Šã¾ã™ã€‚ 詳細ã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ iframeタグを使用ã—ãŸHTML内ã§ã€name属性ãŒä½¿ãˆã‚‹ã‚¿ã‚°ã®name属性ã«tagsを指定ã™ã‚‹ã¨ã€IE6ã§ã¯ãƒšãƒ¼ã‚¸å†…検索を実行ã—ãŸã¨ãã¨ãƒšãƒ¼ã‚¸ãƒ—リントを行ã£ãŸã¨ã(プレビューã ã‘ã§ã‚‚化)ã«ã‚¨ãƒ©ãƒ¼ãƒ€ã‚¤ã‚¢ãƒã‚°ãŒè¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã„ã€æ¤œç´¢ã‚„å°åˆ·ãŒå‡ºæ¥ã¾ã›ã‚“。 IE7ã§ç›´ã£ã¦ã‚‹ã‹ã¨æ€ã„ãや検索ã ã‘ã¯å‡ºæ¥ã¾ã›ã‚“。 エラーコードãŒIE6ã¨IE7ã§é•ã†ãŸã‚ã€ãƒãƒƒãƒ•ã‚¡ã‚ªãƒ¼ãƒãƒ¼ãƒ•ãƒãƒ¼çš„ãªä½•ã‹ãŒIEã®ä¸ã§èµ·ãã¦ã„ã‚‹ã¨æ€ã‚ã‚Œã¾ã™ã€‚ å†ç¾ã™ã‚‹æœ€å°ã‚½ãƒ¼ã‚¹ã¯ <iframe></iframe><img name="tags">ã“ã‚Œã ã‘
IE7ã§ãƒšãƒ¼ã‚¸ãŒè¡¨ç¤ºã•ã‚Œãªã„件ã«ã¤ã„㦠: ã¨ã‚ã‚‹WEBクリエイターã®blog
先日日本語版ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸIE7ã ãŒé‡å¤§ãªãƒã‚°ã®æ–¹ãŒä¿®æ£ã•ã‚Œã¦ã„ãªã„。 特定ã®ãƒšãƒ¼ã‚¸ãŒã”ãã¾ã‚Œã«è¡¨ç¤ºã•ã‚Œãªã„。 特定ã®ãƒšãƒ¼ã‚¸ã®ä¸€éƒ¨åˆ†ãŒã¾ã‚Œã«è¡¨ç¤ºã•ã‚Œãªã„。 ã¨ã„ã†ã‚‚ã®ã§ã‚る。 リãƒãƒ¼ãƒ‰ã‚’è¡Œã†ã¨æ£ã—ã表示ã•ã‚Œã‚‹ã—ã€ã‚½ãƒ¼ã‚¹ã®è¡¨ç¤ºã‚’è¡Œã†ã¨æ£ã—ã表示ã•ã‚Œã¦ã„ã‚‹ã“ã¨ã‹ãƒ–ラウザã®å•é¡Œã¨æ€ã‚ã‚Œã¾ã™ã€‚ 事実IE6ã§ã¯å•é¡Œãªã表示ã•ã‚Œã¾ã™ã€‚ ã“れをWEBサイト上ã‹ã‚‰å›žé¿ã™ã‚‹ã«ã¯ã„ãã¤ã‹ã®æ–¹æ³•ãŒã‚ã‚Šã¾ã™ Content-Style-Typeã‚’æ£ã—ã記述ã™ã‚‹ã€‚ headè¦ç´ 内ã«http-equiv属性ã§ã‚¹ã‚¿ã‚¤ãƒ«ã«CSSを指定ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šå›žé¿ã•ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ <meta http-equiv="Content-Style-Type" content="text/css" /> ã“ã‚Œã¯ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³(ブラウザ)ãªã©ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’使用ã—ã¦ã„ã‚‹ã“ã¨ã‚’明示的ã«æŒ‡å®šã™ã‚‹ã‚‚ã®ã§ã™ã€‚ ブラウザサイドã§ã‚ャッ
blog.8-p.info: Safari is evil
Internet Explorer ã® CSS 実装ã«æ€’る人㯠Safari ã® JavaScript 実装ã«ã‚‚怒るã¹ãã ã€ã¨æ€ã£ãŸã‚“ã ã‘ã©ã€ã‚·ã‚§ã‚¢ãŒã‚ã‚‹ã®ã«ãƒã‚°ãŒã‚ã‚‹ã‹ã‚‰å›°ã‚‹ã‚ã‘ã§ã€ã‚·ã‚§ã‚¢ãŒç„¡ãã¦ãƒã‚°ãŒã‚ã‚‹ãªã‚‰ç„¡è¦–ã™ã‚Œã°ã„ã„æ°—ãŒã—ã¦ããŸã€‚ ãã®ãらã„ã²ã©ã„ã§ã™ã€‚ æ£è¦è¡¨ç¾ã§ "//" ã®ã‚¨ã‚¹ã‚±ãƒ¼ãƒ—ãŒä½¿ãˆãªã„ fladdict.net blog: 今見ã¦ã„るサイト内ã§ã€Œã¯ã¦ãªãƒ–ックマークã€ã•ã‚Œã¦ã‚‹ã‚¨ãƒ³ãƒˆãƒªä¸€è¦§ã‚’表示ã™ã‚‹ãƒ–ックマークレット ã•ã£ãã使ã£ã¦ã¿ã‚ˆã†ã¨ã—ãŸã‚‰safariã®ãŠãƒã‚«ãŒâ€¦ matchã§å¼•ã£ã‹ã‹ã£ã¦ã„るよã†ã§ã™ï¼Žæ£è¦è¡¨ç¾ä¸ã®ã‚¹ãƒ©ãƒƒã‚·ãƒ¥ã®ã‚¨ã‚¹ã‚±ãƒ¼ãƒ—(//)ã‚’ãƒãƒƒã‚¯ã‚¹ãƒ©ãƒƒã‚·ãƒ¥(\/)ã«å¤‰æ›´ã—ãŸã‚‰å‹•ãã¾ã—ãŸï¼Žä»–ã®ãƒ–ラウザã§ã¯ãµã¤ã†ã«å‹•ãã®ã«ãªã．一応ã”å ±å‘Šã§ã™ï¼Ž "?" よりå‰ã® "\" 㯠"/" ã«ãªã‚‹ ã“れ㧠Bookmarkletã€ãªãœã‹Safariã§èªã‚ãªã„ãªâ€¦ - o
CSSレイアウトã®å®šçŸ³ã€€WinIE6ãƒã‚°å›žé¿æ³•
CSSを使ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã™ã‚‹éš›ã«WinIE6ã®ãƒã‚°ã‚’回é¿ã™ã‚‹ãŸã‚ã®ã€Œå®šçŸ³ã€ã‚’ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ ã¨ãã«é‡è¦ã ã¨æ€ã†ã‚‚ã®ã¯å¼·èª¿ã—ã¦ã‚ã‚Šã¾ã™ã€‚å‚考ã¨ã—ã¦ãƒã‚°è¾žå…¸ã¸ã®ãƒªãƒ³ã‚¯ã‚‚用æ„ã—ã¾ã—ãŸï¼ˆã¤ã¾ã‚Šå›žé¿æ³•ã‚’用ã„ãªã„å ´åˆã«ã©ã‚“ãªãƒã‚°ãŒç™ºç¾ã™ã‚‹ã‹ï¼‰ã€‚ フォントサイズ関係 font-sizeã¯%ã‹pxã§æŒ‡å®šã™ã‚‹ã€‚ ã‚ーワードã§æ–‡å—サイズを指定ã™ã‚‹ã¨æ¨™æº–モードã¨äº’æ›ãƒ¢ãƒ¼ãƒ‰ã§æ–‡å—サイズãŒå¤‰ã‚ã‚‹(IE6) emå˜ä½ã§æŒ‡å®šã—ãŸå€¤ãŒæ–‡å—サイズ変更後ã«æ£ã—ãåæ˜ ã•ã‚Œãªã„(IE6) ボックスモデル関係 widthã¨åŒæ™‚ã«å·¦å³borderã‚„å·¦å³paddingを指定ã—ãªã„。heightã¨åŒæ™‚ã«ä¸Šä¸‹borderや上下paddingを指定ã—ãªã„。 ボックスã®å¹…や高ã•ã‚’算出ã™ã‚‹ã¨ãã«ãƒ‘ディングやボーダーã®ã‚µã‚¤ã‚ºã‚’å«ã‚ã¦ã—ã¾ã† （ブãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ を内包ã™ã‚‹ãƒœãƒƒã‚¯ã‚¹ã«ã¯paddingを指定ã—ãªã„。） å·¦å³ãƒœãƒ¼ãƒ€ãƒ¼ã¨ãƒ‘ディングをè¨
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Dreamweaver
IE7 ã§ãƒ•ã‚©ãƒ¼ãƒ ã«å€¤ã‚’入れã¦å°åˆ·ãƒ—レビューã™ã‚‹ã¨â€¦â€¦ | 水無月ã°ã‘らã®ãˆã³æ—¥è¨˜
デフォルトスタイルã®å·®ç•°ã‚’ç„¡ãã™CSS
{{#tags}}- {{label}}
{{/tags}}