61,115
社区成员
发帖
与我相关
我的任务
分享使用transition后的页面bug
积分有限，一次问两个问题，可能是同一个bug。。。
1----
css里面只要包括有transition样式，例：
transition: border-color .2s ease;
-webkit-transition: border-color .2s ease;
页面刷新的时候，样式就会闪一下，就是从它全部属性的默认样式，闪到我设置好的样式，↓这个样子，
文档头部：
2----
文档里面是这样的
但是在浏览器打开之后，自己变成了这样
自己多出了两个空的a标签，active-shot改名字也没用。文档没有链接JS文件，只有CSS
PS：如果 .kits 里面的img标签没有被a标签包住就不会出现，但是我需要a标签。。。
救我啊dalao们
1----
css里面只要包括有transition样式，例：
transition: border-color .2s ease;
-webkit-transition: border-color .2s ease;
页面刷新的时候，样式就会闪一下，就是从它全部属性的默认样式，闪到我设置好的样式，↓这个样子，
文档头部：
<!DOCTYPE html>
<html lang="zh_cn">
<head>
<meta charset="UTF-8">
<title>作品详情</title>
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="shortcut icon" type="images/png" href="images/shortcut-1.png">
</head>2----
文档里面是这样的
<div class="detail">
<div class="shot">
<a class="active-shot" href="#">
<div class="info">
<div class="kits">
<a href="#">
<img src="images/view.png">
</a>
<img src="images/like.png">
</div>
</div>
<img src="images/3812b31bb051f8192fe8630dd7b44aed2f73e7ac.jpg">
</a>
</div>
</div>但是在浏览器打开之后，自己变成了这样
<div class="detail">
<div class="shot">
<a class="active-shot" href="#">
<div class="info">
<a class="active-shot" href="#"></a>
<div class="kits">
<a class="active-shot" href="#"></a>
<a href="#">
<img src="images/view.png">
</a>
<img src="images/like.png">
</div>
</div>
<img src="images/3812b31bb051f8192fe8630dd7b44aed2f73e7ac.jpg">
</a>
</div>
</div>自己多出了两个空的a标签，active-shot改名字也没用。文档没有链接JS文件，只有CSS
PS：如果 .kits 里面的img标签没有被a标签包住就不会出现，但是我需要a标签。。。
救我啊dalao们
...全文
请发表友善的回复…
发表回复
