FF46、IE11，如果元素沒(méi)有設(shè)置border，動(dòng)畫(huà)里的border屬性就無(wú)效，bug？
別的屬性，比如color，margin，padding沒(méi)有這個(gè)問(wèn)題。
慕粉3160836
2016-06-08
2 回答
舉報(bào)
0/150
提交
取消
2016-06-12
（回復(fù)不能超過(guò)300字，只能放這了）
你試試這個(gè)鏈接~
http://jsbin.com/cufadet/edit?html,css,output
我3個(gè)瀏覽器都試了，把border樣式的注釋去掉，3個(gè)瀏覽器效果一樣，加上注釋的話，ff和ie上border就沒(méi)效果了。
如果鏈接打不開(kāi)的話，下面是代碼
<!DOCTYPE html>
<html>
? <head>
??? <meta charset="utf-8">
??? <style type="text/css">
????? div{
??????? width: 300px;
??????? height: 200px;
??????? background: red;
??????? /*border:0px solid #000;*/
????? }
????? @keyframes change{
??????? 0%{
????????? margin:0px;
????????? color:#000;
????????? border:0px solid #000;
??????? }
??????? 100%{
????????? margin:50px;
????????? color:yellow;
????????? border:10px solid #000;
??????? }
????? }
????? div:hover{
??????? animation:change 2s ease;
????? }
??? </style>
? </head>
? <body>
??? <div>鼠標(biāo)移入的時(shí)候盡量放在div右下角~</div>
? </body>
</html>
2016-06-08
看到這問(wèn)題回去翻了翻以前的代碼，發(fā)現(xiàn)以前都是規(guī)規(guī)矩矩的有什么屬性全加上去，不過(guò)這問(wèn)題為什么我測(cè)試沒(méi)有