Css 元素样式仅在页面加载后显示_Css_Button_Header_Loading

Css 元素样式仅在页面加载后显示

css button

Css 元素样式仅在页面加载后显示,css,button,header,loading,Css,Button,Header,Loading,我有一个标题，里面有一个导航菜单。导航菜单的两个菜单链接被设置为按钮样式。由于某些原因，按钮的样式仅在页面加载后显示屏幕录制：每次页面加载按钮时，都会出现这种“动画”，我不知道是什么原因造成的这可能是什么原因造成的我希望按钮的样式立即显示，没有动画或延迟。似乎按钮的样式是由加载页面后仍在加载的进程添加的。但我也通过一个使用过的模块的css延迟效果实现了这一点您可以查看：所有样式（甚至按钮的样式）都包含在一个主css文件中，而不是导入到辅助样式表文件中确保首先加载带有按钮样式的样式表

我有一个标题，里面有一个导航菜单。导航菜单的两个菜单链接被设置为按钮样式。由于某些原因，按钮的样式仅在页面加载后显示

屏幕录制：

每次页面加载按钮时，都会出现这种“动画”，我不知道是什么原因造成的

这可能是什么原因造成的

我希望按钮的样式立即显示，没有动画或延迟。

似乎按钮的样式是由加载页面后仍在加载的进程添加的。但我也通过一个使用过的模块的css延迟效果实现了这一点

您可以查看：

所有样式（甚至按钮的样式）都包含在一个主css文件中，而不是导入到辅助样式表文件中

确保首先加载带有按钮样式的样式表文件（=所有css文件中的第一个，在调用第一个JS脚本之前）。它应该是head中第一个被加载的文件

如果按钮样式位于辅助样式表中，请将其移动到主加载样式表中

是在html文件（即=

）中设置的按钮修复类，之后未通过JS和/或外部模块添加

是html文件中设置的按钮html修复程序，之后不会添加，即通过JS和/或外部模块添加

按钮的样式是由动画或带有延迟的过渡添加的，即创建附加注意。样式应设置为固定的，且无动画或过渡延迟

有时外部使用的字体会导致重新命名。如果停用字体并测试其行为，则可以检查此项

确保按钮的背景/内容不是由需要加载的图像设置的样式

解决方案的附加TIP:

（A）如果它是由模块引起的（即模块添加了其他样式），但是您无法更改模块加载过程，则可以将样式添加到主css文件中，或将其写入

中的样式部分。该代码不会影响页面的工作

例如：


<head>

   <style>

      a.buttonClass {
         ... your button css ...
      }

   </style>

</head>


a、 钮扣类{
…你的按钮css。。。
}

（B）如果它是由字体引起的，您可能希望查看以下信息：