Äú¿ÉÒÔ¾èÖú£¬Ö§³ÖÎÒÃǵĹ«ÒæÊÂÒµ¡£

1Ôª 10Ôª 50Ôª





ÈÏÖ¤Â룺  ÑéÖ¤Âë,¿´²»Çå³þ?Çëµã»÷Ë¢ÐÂÑéÖ¤Âë ±ØÌî



  ÇóÖª ÎÄÕ ÎÄ¿â Lib ÊÓÆµ iPerson ¿Î³Ì ÈÏÖ¤ ×Éѯ ¹¤¾ß ½²×ù Modeler   Code  
»áÔ±   
 
   
 
 
     
   
 ¶©ÔÄ
  ¾èÖú
Ô­À´CSSÕâÑùдÊÇ»áÈÃapp±ÀÀ£µÄ
 
À´Ô´£ºÐ¯³ÌÉè¼ÆÎ¯Ô±»á ·¢²¼ÓÚ:2017-2-7
  2219  次浏览      37
 

ÏÈ·Ï»°Ò»ÏÂ

֮ǰÔÚ×Ô¼ºµÄ¸öÈ˹«ÖÚºÅÖÐÌáµ½ÁËһƪÀûÓà CSS µÄ·½Ê½½øÐÐ XSS ¹¥»÷£¬µ±Ê±ÓÐÅóÓѸúÎÒ˵£¬ÈÃÎÒÈ¥»ñÈ¡ÄǸöÍøÕ¾µÄ cookie£¬ÔÙÈ»ºó½øÈëÄǸöÍøÕ¾µÄºóÌ¨È¥Íæ¡£È»¶ø£¬¼¼ÊõÄÜÁ¦ÊµÔÚÓÐÏÞ£¬¸ã²»ÁËÕâЩ¶«Î÷£¬Ö»ÊǾõµÃÄǸöÍøÕ¾Ã»ÓÐÊʵ±¹ýÂË HTML ±êÇ©ÊÇÒ»¼þºÜΣÏÕµÄÊÂÇé¡£

²»¹ý½ñÌìҪ˵µÄ CSS ´úÂëÕæµÄÊÇÈà app ±ÀÀ£ÁË£¬ÖÁÓÚÐŲ»ÐÅ£¬¿´Í¼¾ÍÖªµÀ¿©¡£

¹Êʱ³¾°

×òÍíÔÚ±»ÎÑÖеÄÎÒͻȻÊÕµ½Ò»·âÓʼþ£¬´ó¸ÅÄÚÈÝÊÇ˵ÒòΪ CSS µÄÎÊÌâÈà app ¹ÒÁË¡£µ±Ê±ÔÚÏ룬ÔõôÑùµÄ CSS Èç´ËÅ£±Æ£¬¾ÓÈ»Èà app ¹ÒÁË£¡ÓÚÊÇÌͳöÊÖ»ú°´ÕÕÓʼþÖÐÌáʾµÄ URL ´ò¿ª¿´ÁËһϣ¬ÎÒÖ»Ïë˵£¬Õâ´úÂ룬¶î£¬ËãÁË£¬»¹ÊDz»Í²ÛÁË£¬ÆäʵҪÊÇÎÒдµÄ»°£¬¿Ï¶¨»á¸üÀá£

ËäÈ»ÊÇÀ´×ÔÆäËû²¿ÃŵÄÒ»¸öÒ³Ãæ£¬µ«×÷Ϊ¹«Ë¾µÄÒ»Ô±£¬ÔõôÄܲ»Îª¹«Ë¾µÄ²úÆ·¿¼ÂÇÄØ¡£ÌýÆðÀ´¸Ð¾õÏñÊÇÔÚÅÄÂíÆ¨£¬ÆäÊµÕæµÄÊÇ£¬ÒòΪÎÒ×îºÃÆæµÄÊdzöÏÖ bug µÄÔ­ÒòÊÇʲô£¬µ±È»£¬¿Ï¶¨Ò²ÊǹØÐIJúÆ·µÄÀ²¡£

ÓÚÊǵڶþÌìÒ»Ôç¾Íµ½¹«Ë¾¿ªÊ¼ÅÅÀס­¡­

´ó¸ÅµÄ¹ý³Ì

Ê×ÏÈÎÒ×Ðϸ¿´ÁËһϴúÂ룬´Ó×î³õ»³ÒÉÊÇ animation µÄÐÔÄÜÓ°ÏìµÍ¶ËÉ豸ÔËÐпªÊ¼ÅŲ顣½á¹û·¢ÏÖÕâ¸öËùνµÄÐÔÄÜÎÊÌâÆäʵҲ²¢Ã»ÄÇôÀ÷º¦£¬Ò»Ê±Ò²ÕÒ²»µ½Í·Ð÷£¬È»ºóÔ´ÎļþÓÖ²»ÊÇÔÚÎÒÃÇ×Ô¼ºÕâ±ß£¬Ö»ºÃ´ò¿ª»¨Æ¿×¥ CSS Îļþ£¬È»ºóÌæ»»ºó£¬ÓÃɾ³ý·¨Ò»µãµã²é¡£

×îºóÔÚ´¢´óʦµÄÌáµãÒÔ¼°ÌṩµÄÒ»¸ö URL À´¿´£¬¾ÓÈ»ÊÇ rem µ¼Öµġ£

https://bugs.chromium.org/p/chromium/issues/detail?id=364222

Õâ¸öÍøÖ·´ó¼ÒÓ¦¸Ã¶¼ÖªµÀ£¬ÊÇרÃÅ¿´ bug µÄ£¬µ±È»£¬Ò²¿ÉÒÔÌá bug À²¡£

@-webkit-keyframes crashChrome { 
0%{ -webkit-transform: translateX(0rem);}
}
.anim:before{
content: "";
width: 3rem;
height: 3rem;
border-radius: 3rem;
position: absolute;
left:5rem;
top: 5rem;
background-color: #06839f;
-webkit-animation: crashChrome;
}

<div class="anim"></div>

¸Õ¿ªÊ¼¿´µ½Õâ¶Î CSS ´úÂëµÄʱºò£¬ÎÒÔÚÏë°¡£¬Õâ¸öºÃÏñҲûʲôÎÊÌâ°¡£¬²»¾ÍÊÇͨ¹ý :before Õâ¸öÎ±ÔªËØÀ´×öÒ»¸ö animation¶¯»­Ð§¹ûô£¬È»ºóʹÓÃÁË rem Õâ¸öµ¥Î»Á¿¡£

·´ÕýÊǰÙ˼²»µÃÆä½â¡£

»¹ÊÇÕÒ²âÊÔ»ú£¬¼ÌÐøÉ¾³ýÄǸöÓÐÎÊÌâµÄÒ³Ãæ´úÂë°É¡£ÏÈÊÇÓÃÁËÈýÐǵ쬷¢ÏÖûÎÊÌ⣬½Ó×ÅÓÃÁËСÃ׵쬹ûÈ»±¼À£ÁË¡£¿´ÁËһϰ汾£¬ÈýÐǵÄÊÇ Android 4.4.2£¬Ð¡Ã×µÄÊÇ Android 4.4.4£¬ÄѵÀÊǰ汾µÄ¹ØÏµ£¿

×ÜÖ®£¬ÔÚ×ʼÄÇ¿éÓж¯»­Ð§¹ûµÄ²¿·ÖÅŲéÁ˺ܾö¼Ã»ÕÒµ½ÎÊÌâ¡£×îºó»¹Êǻص½ÄǸöÒѾ­±¨ÁË bug µÄÒ³ÃæÉÏ¿´¾ßÌå˵Ã÷¡£

ͻȻÏëµ½£¬Õâ¸öÒ³ÃæÖÐÓÃÁË :before À´×ö¶¯»­£¬Äª·ÇÎÒÃǵÄÕâ¸öÒ³ÃæÖÐÒ²ÓУ¬ÓÚÊÇÒ»ËÑ£¬½á¹û£¬ÕæµÄÓУ¡

¸Ï½ôÎÒÃÇ×Ô¼ºÒ³ÃæÉϵÄÕâ¶Î´úÂëÄùýÀ´×ö³¢ÊÔ£¬ÖÕÓÚÕÒµ½ÄãÁË¡£¸Ï½ô»ØÓʼþ¸æËß¶Ô·½¡­¡­

ÔٴθÐл´¢´óʦµÄÌáµã£¬ÈÃÎÒÓлú»áÁË½âµ½Î´ÔøÁ˽⵽µÄÒ»¸öÎÊÌâ¡£

¼òµ¥·ÖÎö

Õâ¸ö bug ÔÚĿǰ×ÀÃæ¶ËµÄÉ豸ÖÐÒѾ­±»´¦ÀíµôÁË£¬°´ÕÕ bug list Ò³ÃæÉÏ˵µÄ£¬µ±Ê±·¢ÏÖÕâ¸ö bug ÊÇÔÚ

Chrome Version: 34.0.1847.116 (Official Build 260972) m

Õâ¸ö°æ±¾Éϵ쬲¢ÇÒ¸÷ϵͳ¶¼ÓС£È»¶ø£¬ÏÖÔÚµÄ Chrome ¶¼ÒѾ­ÊÇ 50 ÒÔÉϵİ汾ÁË£¬ËùÒÔ×ÀÃæ¶ËÍêÈ«²»ÐèҪȥµ£ÐÄÁË¡£

µ«ÊÇÕâ´Î¼ÈÈ»ÊÇÔÚÒÆ¶¯¶ËÉÏÓö¼ûÁË£¬¶øÇÒÊÇ Android 4.4.4 Õâ¸ö°æ±¾£¬ËäÈ»ÊÇÔÚСÃ×3 Öз¢ÏÖ£¬µ« Android 4.4.4 Õâ¸ö°æ±¾Ó¦¸Ã»¹ËãÊÇ±È½ÏÆÕ±éµÄ£¬ÄѵÀÕæµÄ»áÊÇÕâ¸öÎÊÌâ¡£

»ñȡһÏÂÕâ¸ö webview µÄ UA ÐÅÏ¢£¬¿´µ½ÆäÖÐÓÐÒ»¸öÊÇ Chrome/33.0.0.0 Mobile Safari£¬ÓÚÊÇÎÒÏë°¡£¬¿ÉÄÜÓ¦¸Ã¾ÍÊÇÕâ¸ö webview µÄ¹ØÏµÁË£¬±Ï¾¹ÎÒÔÚСÃ×3 Õą̂²âÊÔ»úÉϵĸ÷¸öä¯ÀÀÆ÷Àï¶¼¿´ÁËÒ»±é£¬Ã»·¢ÏÖÎÊÌâ¡£

³¢ÊÔÁ˽â

ÏÖÔÚÊÇÖªµÀ rem ºÍ animation Ò»ÆðµÄʱºò»Ø³öÏÖÕâ¸ö bug£¬µ«ÊÇÔÚÆäËûÔªËØÖв¢Ã»ÓÐÎÊÌâ°¡¡£³öÓÚ×Ô¼ºµÄºÃÆæÐÄ£¬ÓÚÊÇÓÖ»»Á˼¸¸ö·½Ê½À´³¢ÊÔ¡£

animation »» transition

°Ñ animation »»³É transition£¬²¢ÇÒÒ²ÊÇͨ¹ý¸Ä±äÓÐ rem µÄÊôÐÔ£¬½á¹û·¢ÏÖÕâ¸öÏë·¨µÄ½á¹ûÊÇ£¬Ã»ÓÐÈκÎÎÊÌâ¡£

·ÅÆúÕâ¸öÏë·¨¡­¡­

:before ÊÇÎ±ÔªËØ

Ïëµ½ :before ÊÇÎ±ÔªËØ£¬ÄÇô¶ÔÓÚÎ±ÔªËØµÄÑ¡Ôñ·û»¹Óм¸¸ö£¬¶¼³¢ÊÔһϿ´¿´¡£

×¢£ºÕâ¸ö½ØÍ¼ÊÇÔø¾­¸öÈËÕûÀíµÄÓÐ¹Ø CSS Ñ¡Ôñ·ûµÄÒ»ÕÅͼ

½á¹û·¢ÏÖÕâËĸöÎ±ÔªËØÑ¡Ôñ·ûÈ«²¿¶¼»áÈÃÒ³Ãæ±ÀÀ£¡­¡­

С½áÒ»ÏÂ

ä¯ÀÀÆ÷£¨webview£©µÄµ×²ãäÖȾ»úÖÆÎÒ²»¶®£¬µ«¾ÍĿǰÀ´¿´£¬¿ÉÄÜÓ¦¸Ã¾ÍÊÇÒòΪ Chrome/33.0.0.0 Mobile Safari Õâ¸ö°æ±¾µÄÎÊÌ⣬Èç¹ûÔÚÎ±ÔªËØÖÐʹÓà animation£¬²¢ÇҸıäÁËÆäÖÐµÄ rem µÄÖµ¾Í»á³öÏÖÒ³Ãæ±ÀÀ£µÄÎÊÌâ¡£

ËùÒÔ£¬¿ÉÄÜÓ¦¸Ã¾ÍÊÇÕâÑù£º

1. ʹÓÃÁË :before µÈÎ±ÔªËØÖÐµÄÆäÖÐÒ»¸öÀ´×ö animation ¶¯»­£»

2.ÔÚ animation ¶¯»­¸Ä±äÁËÆäÖеÄij¸ö rem µÄÖµ£»

ÔÚÕâÑùµÄǰÌáÏ£¬ÓÖÊÇʹÓÃÓÐÕâ¸ö bug µÄ°æ±¾ä¯ÀÀÆ÷£¬ÄÇô¾Í»áÈÃÒ³Ãæ±ÀÀ£¡£

Èç¹ûÒª±ÜÃâÕâ¸ö bug µÄ³öÏÖ£¬ÄÇôӦ¸ÃÊÇ£º

1. »»Ò»¸ö webview£¬¸ß°æ±¾µÄÓ¦¸Ã»áºÃһЩ£»

2. ÔÚÎ±ÔªËØÖÐʹÓà animation ¶¯»­Ê±£¬²»Óà rem µ¥Î»£»

²»¹ýºÃÏñÏÖÔÚ´ó¼Ò¶¼»áÈ¥Óà rem µ¥Î»£¬È»ºóÒ²»áÈ¥Óà animation ×ö¶¯»­£¬ÄÇÕâÑùºÃÁË£¬²»ÔÚÎ±ÔªËØÉÏʹÓÃÕßÁ½Ñù¶«Î÷¿©¡£

ÌâÍâ»°

˵µ½ÔÚÎ±ÔªËØÉÏʹÓö¯»­£¬ÎÒÏëÆðÁ˼¸Äêǰ×Ô¼ºÔÚ×ö¹ú¼ÊÍøÕ¾µÄʱºò£¬µ±Ê±ºÃÏñÓõıȽ϶àµÄÊÇ Firefox£¬È»ºóÔÚÍù·µ³ÌµÄÒ»¸öÄ£¿éÖУ¬¾ÍÊÇÓÃÁËÎ±ÔªËØµÄ·½Ê½¡£

²»¹ýµ±Ê±ÎÒºÃÏñʹÓõÄÊÇ transition£¬²¢ÇÒµ±Ê±Ö÷ÒªÊÇ¿¼ÂÇ Firefox£¬ËùÒÔҲûÓöµ½Ê²Ã´ÎÊÌâ¡£Ó¡ÏóÖÐÓöµ½µÄÎÊÌâ¾ÍÊÇ£¬ºÃÏñÔÚij¸öä¯ÀÀÆ÷Öв¢Ã»¿´µ½ÄǸö transition Ч¹û£¬¶øÇÒÕâ¸öÖ»ÊÇ×÷Ϊһ¸öС¡°ÁÁµã¡±µÄ´æÔÚ£¬²úÆ·¾­ÀíҲû¿³ÎÒ¡£ÏëÏëÒ²ËãÍòÐҵġ­¡­

Ŷ£¬»¹ÓУ¬Èç¹û¸÷λÒѾ­ÖªµÀÁËÕâ¸ö bug£¬Ò²Çë²»Òª³°Ð¦ÎÒ£¬ÎÒÕæµÄÊǵÚÒ»´ÎÖªµÀ£¬Æ½Ê±ÈÕ³£ÖкÜÉÙÕâÑùȥдÑùʽ¡£-_¡±

   
2219 ´Îä¯ÀÀ       37
 
Ïà¹ØÎÄÕÂ

Éî¶È½âÎö£ºÇåÀíÀôúÂë
ÈçºÎ±àд³öÓµ±§±ä»¯µÄ´úÂë
ÖØ¹¹-ʹ´úÂë¸ü¼ò½àÓÅÃÀ
ÍŶÓÏîÄ¿¿ª·¢"±àÂë¹æ·¶"ϵÁÐÎÄÕÂ
 
Ïà¹ØÎĵµ

ÖØ¹¹-¸ÄÉÆ¼ÈÓдúÂëµÄÉè¼Æ
Èí¼þÖØ¹¹v2
´úÂëÕû½àÖ®µÀ
¸ßÖÊÁ¿±à³Ì¹æ·¶
 
Ïà¹Ø¿Î³Ì

»ùÓÚHTML5¿Í»§¶Ë¡¢Web¶ËµÄÓ¦Óÿª·¢
HTML 5+CSS ¿ª·¢
ǶÈëʽC¸ßÖÊÁ¿±à³Ì
C++¸ß¼¶±à³Ì
×îл¼Æ»®
ǶÈëʽÈí¼þ¼Ü¹¹Éè¼Æ 12-11[±±¾©]
LLM´óÄ£ÐÍÓëÖÇÄÜÌ忪·¢ÊµÕ½ 12-18[±±¾©]
ǶÈëʽÈí¼þ²âÊÔ 12-25[±±¾©]
AIÔ­ÉúÓ¦ÓõÄ΢·þÎñ¼Ü¹¹ 1-9[±±¾©]
AI´óÄ£Ðͱàд¸ßÖÊÁ¿´úÂë 1-14[±±¾©]
ÐèÇó·ÖÎöÓë¹ÜÀí 1-22[±±¾©]

Ê®Ììѧ»áDIV+CSS(WEB±ê×¼)
HTML 5µÄ¸ïУº½á¹¹Ö®ÃÀ
½éÉÜ27¿î¾­µäµÄCSS¿ò¼Ü
35¸öÓд´ÒâµÄ404´íÎóÒ³Ãæ
×îÈÝÒ×·¸µÄ13¸öJavaScript´íÎó
Éè¼ÆÒ×Àí½âºÍ²Ù×÷µÄÍøÕ¾


Éè¼ÆÄ£Ê½Ô­ÀíÓëÓ¦ÓÃ
´ÓÐèÇó¹ý¶Éµ½Éè¼Æ
Èí¼þÉè¼ÆÔ­ÀíÓëʵ¼ù
ÈçºÎ±àд¸ßÖÊÁ¿´úÂë
µ¥Ôª²âÊÔ¡¢Öع¹¼°³ÖÐø¼¯³É
Èí¼þ¿ª·¢¹ý³ÌÖ¸ÄÏ


¶«Èí¼¯ÍÅ ´úÂëÖØ¹¹
ij½ðÈÚÈí¼þ·þÎñÉÌ ¼¼ÊõÎĵµ
Öдïµçͨ Éè¼ÆÄ£Ê½Ô­ÀíÓëʵ¼ù
·¨¹úµçÐÅ ¼¼ÊõÎĵµ±àдÓë¹ÜÀí
Î÷ÃÅ×Ó Ç¶ÈëʽÉè¼ÆÄ£Ê½
ÖÐд󶫷½ÈËÊÙ ¼¼ÊõÎĵµ±àд