Html 当我刷新页面时，您可以看到一个转换操作吗？

我有点进退两难。当我在chrome中刷新页面时，我可以在图像和网页底部的按钮上看到由过渡持续时间进行的过渡操作。奇怪的是，它在Firefox上没有发生，在Mozilla上，当你刷新页面时，它不会转换。它只有在您将其悬停时才能正常工作。我怎样才能修复它的铬

html，body，div，span，applet，object，iframe，
h1、h2、h3、h4、h5、h6、p、块报价、预，
a、 缩写，首字母缩写，地址，大，引用，代码，
del、dfn、em、img、ins、kbd、q、s、samp、，
小、走向、强、次、辅助、tt、var、，
b、 u，i，中心，
dl，dt，dd，ol，ul，li，
字段集、表单、标签、图例、，
表格、标题、正文、tfoot、THAD、tr、th、td、，
文章、旁白、画布、细节、嵌入、，
图，figcaption，页脚，页眉，H组，
菜单、导航、输出、ruby、节、摘要、，
时间、标记、音频、视频{
保证金：0；
填充：0；
边界：0；
字体大小：100%；
字体：继承；
垂直对齐：基线；
}
/*旧浏览器的HTML5显示角色重置*/
文章，旁白，细节，图表，
页脚、页眉、H组、菜单、导航、节{
显示：块；
}
身体{
线高：1；
}
ol，ul{
列表样式：无；
}
区块报价，q{
报价：无；
}
blockquote:before，blockquote:after，
问：之前，问：之后{
内容：''；
内容：无；
}
桌子{
边界塌陷：塌陷；
边界间距：0；
}
/*终止重置*/
.集装箱
{
宽度：1200px；
高度：1630px；
背景颜色：灰色；
左边距：自动；
右边距：自动；
边缘底部：10px；
}
.topmenu
{
宽度：1200px；
高度：30px；
背景色：天蓝色；
左边距：自动；
右边距：自动；
}
.topmenu ul
{
左边距：100px；
}
李先生
{
浮动：左；
左边距：30px；
利润上限：4倍；
字号：17px；
颜色：黑色；
}
.上菜单a
{
颜色：黑色；
}
.LOGO 2
{	
位置：相对位置；
字体大小：35px；
边缘顶部：20px；
左边距：150像素；
}
.LOGO 2 a
{
文字装饰：无；
颜色：黑色；
}
.内容
{
宽度：950px；
高度：350px；
保证金：30像素自动；
}
.1平方米
{
浮动：左；
宽度：300px；
高度：300px；
边框底部：40px实心暗色；
}
.1平方米
{
-webkit过滤器：模糊（5px）；
过滤器：模糊（5px）；
过渡时间：1s；
光标：指针；
}
.1 img：悬停
{
-webkit过滤器：模糊（0）；
过滤器：模糊（0）；
}
.2平方米
{
浮动：左；
宽度：300px；
高度：300px；
左边距：25px；
边框底部：40px实心暗色；
}
.2平方米
{
-webkit过滤器：亮度（200%）；
滤光片：亮度（200%）；
过渡时间：1s；
光标：指针；
}
.2图像：悬停
{
-webkit过滤器：亮度（100%）；
滤光片：亮度（100%）；
}
.3
{
浮动：左；
宽度：300px；
高度：300px；
左边距：25px；
边框底部：40px实心暗色；
}
.3平方米
{
-webkit过滤器：对比度（200%）；
滤镜：对比度（200%）；
过渡时间：1s；
光标：指针；
}
.3图像：悬停
{
-webkit过滤器：对比度（100%）；
滤镜：对比度（100%）；
}
.4平方米
{
浮动：左；
宽度：300px；
高度：300px；
边框底部：40px实心暗色；
}
.4平方毫米
{
-webkit过滤器：投阴影（8px 8px 10px橙色）；
滤镜：投影（8px 8px 10px橙色）；
过渡时间：1s；
光标：指针；
}
.4图像：悬停
{
-webkit过滤器：投阴影（12px 12px 14px绿色）；
过滤器：投影（12px 12px 14px绿色）；
}
.5平方米
{
浮动：左；
宽度：300px；
高度：300px；
左边距：25px；
边框底部：40px实心暗色；
}
.5平方毫米
{
-webkit过滤器：灰度（100%）；
滤镜：灰度（100%）；
过渡时间：1s；
光标：指针；
}
.5 img：悬停
{
-webkit过滤器：灰度（0）；
过滤器：灰度（0）；
}
.6平方米
{
浮动：左；
宽度：300px；
高度：300px；
左边距：25px；
边框底部：40px实心暗色；
}
.6平方毫米
{
-webkit过滤器：色调旋转（90度）；
过滤器：色调旋转（90度）；
过渡时间：1s；
光标：指针；
}
.6 img：悬停
{
-webkit过滤器：色调旋转（360度）；
过滤器：色调旋转（360度）；
}
.7
{
浮动：左；
宽度：300px；
高度：300px；
边框底部：40px实心暗色；
}
.7平方米
{
-webkit过滤器：倒置（100%）；
过滤器：倒置（100%）；
过渡时间：1s；
光标：指针；
}
.7 img：悬停
{
-webkit过滤器：反向（0）；
过滤器：反转（0）；
}
.8
{
浮动：左；
宽度：300px；
高度：300px；
左边距：25px；
边框底部：40px实心暗色；
}
.8平方毫米
{
-webkit过滤器：饱和（8）；
过滤器：饱和（8）；
过渡时间：1s；
光标：指针；
}
.8 img：悬停
{
-webkit过滤器：饱和（2）；
过滤器：饱和（2）；
}
.9
{
浮动：左；
宽度：300px；
高度：300px；
左边距：25px；
边框底部：40px实心暗色；
}
.9平方米
{
-webkit过滤器：乌贼墨（100%）；
过滤器：乌贼墨（100%）；
过渡时间：1s；
光标：指针；
}
.9 img：悬停
{
-webkit过滤器：乌贼墨（0）；
过滤器：乌贼墨（0）；
}
.10
{
浮动：左；
宽度：300px；
高度：300px；
边框底部：40px实心暗色；
}
.10平方毫米
{
-webkit过滤器：不透明度（30%）；
滤镜：不透明度（30%）；
过渡时间：1s；
光标：指针；
}
.10平方米：悬停
{
-webkit过滤器：不透明度（100%）；
滤镜：不透明度（100%）；
}
.11
{
浮动：左；
宽度：300px；
高度：300px；
左边距：25px；
边框底部：40px实心暗色；
}
.11平方米
{
-webkit过滤器：对比度（150%）亮度（200%）；
滤镜：对比度（150%）亮度（200%）；
过渡时间：1s；
光标：指针；
}
.11 img：悬停
{
-webkit过滤器：对比度（100%）亮度（100%）；
滤镜：对比度（100%）亮度（100%）；
}
.12
{
浮动：左；
宽度：300px；
高度：300px；
左边距：25px；
边框底部：40px实心暗色；
}
.loadmore
{
位置：相对位置；
保证金：50px自动；
宽度：100px；
高度：100px；
边界半径：30px；
背景颜色：橙色；
文本对齐：居中；
过渡时间：1s；
}
.loadmore:悬停
{
背景色：天蓝色；
}
.加载更多a
{
颜色：黑色；
文字装饰：无；
}
.loadmore h1
{
填充顶部：37px；
字体大小：20px；
字体大小：粗体；
}
.页脚菜单
{
宽度：600px；
高度：30px；
背景颜色：黄色；
利润率：10px自动；
}
李先生
{
宽度：150px；
嗨