如何将主页上博客文章的悬停状态设置为默认状态？
How do i make the hover state for blog posts on the homepage the default?
我正在为一个网站使用这个主题：
click here to view the wordpress theme demo
在主页上，它显示博客 post 没有博客 post title/date。只有将鼠标悬停在上面时才会显示此信息。
如何解除这种状态？我希望博客 post 标题和日期始终可见。
您需要编辑 style.css 文件。如果您在链接到的演示中查看 Chrome 的开发人员工具，并突出显示具有悬停效果的方块之一，您可以在 style.css 文件的第 649 行看到一条规则.post-overlay:hover 将不透明度更改为 1。
您需要做的就是在 style.css 中设置 .post-overlay {opacity: 1; }（注意缺少“:hover”），并删除 :hover 规则。这将意味着不透明度是 始终 1（100% 不透明），而不仅仅是当光标悬停在元素上时。
style.css（第 654 行）中有一个 css 规则控制淡入淡出：
has-post-thumbnail .post-overlay{
background: rgba(0,0,0,.75);
opacity: 0; }
悬停时不透明度变为1，背景变暗。更改这些 css 规则，您将获得想要的效果。
这样设置：
has-post-thumbnail .post-overlay{
opacity:1; }
这将消除较暗的背景并使文本可见。您仍然可以根据需要在以下规则中设置相应的文本动画。 （管理这些的规则是 { .post .post-overlay, .has-post-thumbnail .archive-post-header } 并且在第 193 行)
在编辑前使用 firefox 中的 firebug 实时编辑这些参数。
我正在为一个网站使用这个主题：
click here to view the wordpress theme demo
在主页上，它显示博客 post 没有博客 post title/date。只有将鼠标悬停在上面时才会显示此信息。
如何解除这种状态？我希望博客 post 标题和日期始终可见。
您需要编辑 style.css 文件。如果您在链接到的演示中查看 Chrome 的开发人员工具，并突出显示具有悬停效果的方块之一，您可以在 style.css 文件的第 649 行看到一条规则.post-overlay:hover 将不透明度更改为 1。
您需要做的就是在 style.css 中设置 .post-overlay {opacity: 1; }（注意缺少“:hover”），并删除 :hover 规则。这将意味着不透明度是 始终 1（100% 不透明），而不仅仅是当光标悬停在元素上时。
style.css（第 654 行）中有一个 css 规则控制淡入淡出：
has-post-thumbnail .post-overlay{
background: rgba(0,0,0,.75);
opacity: 0; }
悬停时不透明度变为1，背景变暗。更改这些 css 规则，您将获得想要的效果。
这样设置：
has-post-thumbnail .post-overlay{
opacity:1; }
这将消除较暗的背景并使文本可见。您仍然可以根据需要在以下规则中设置相应的文本动画。 （管理这些的规则是 { .post .post-overlay, .has-post-thumbnail .archive-post-header } 并且在第 193 行)
在编辑前使用 firefox 中的 firebug 实时编辑这些参数。