Question

我使用wordpress模板开始我的旅程。由于时间原因，我现在无法转回模板。我非常清楚Wordpress是一个简单的工具，我知道它在大多数情况下并不理想。

我创建了这个网站www.robbenislandfence.com但受到以下两个问题的挑战。如果将鼠标悬停在“我的订单”上并通知“我的服务”，则会出现“文本锚点”图标。看起来不是很好，它应该触发上面链接上看到的手形图标。如何让手显示在菜单的这两个菜单项上？

我的第二个问题是，我想进入background.css文档并删除大图像（bridge.jpg - 实际上是栅栏的图像），然后用颜色替换它。

我可以简单地替换下面的bridge.css脚本：

#page {
 background: url(../../images/background/bridge/bridge.jpg) 50% 50% no-repeat fixed;
 background: 
 url(../../images/background/texture/tv_70.png) 0 0 repeat fixed,
 url(../../images/background/bridge/bridge.jpg) 50% 50% no-repeat fixed,
 #9fbfa8;
 background-size: auto, cover;
 }

 @media (max-device-width: 1024px)  {

 #page {
 background-image: none; 
 background-color: #9fbfa8;
 }

 }

以下是以下内容：

#page { background: #1a1a1a; }

如果我删除上面的整个第一个css脚本并用这个1行脚本替换所有内容，它会弄乱网站吗？

#page { background: #1a1a1a; }

（我只想要显示木炭bkg颜色，而不是网站上看到的栅栏背景图片。我认为这会导致网站页面速度出现问题）

该网站似乎很慢，我认为它与上面的css脚本中看到的3个背景图像有关。我不确定。每个背景图像大约280-350kb，所以这一切都加起来。非常重要的是，网页的下载时间几乎没有延迟。

Answer 1

使用css“cursor”属性更改悬停元素上的光标：

cursor: pointer;

会给你一只手（http://www.w3schools.com/cssref/pr_class_cursor.asp）

至于问题的第二部分，是的，用十六进制颜色代码替换该代码应该可以解决问题。

Answer 2

<强> 1。为什么当我将鼠标悬停在“我的订单”上并告知“我发送”时，会出现文本光标而不是指针。

这只是因为那两个实际上并不是链接。因此，使用默认文本光标。我不建议使用指针，因为它表示可以点击这些指针，在你的情况下他们不能（再次，它们不是链接）。这可能会使熟悉可点击元素上出现的光标的用户感到困惑。

您可以通过将类应用于以下内容来更改默认光标：

在第36行的 /wp-content/themes/yoo_showroom_wp-1/css/menus.css 中，查找并添加cursor: pointer;

.menu-dropdown a.level1, .menu-dropdown span.level1 {
    font-size: 18px;
    cursor: pointer;
}

<强> 2。我可以简单地用背景颜色定义替换bridge.css脚本。

是。这不会产生任何负面影响。如果正确完成，您所概述的更改应该有效。

Answer 3

对于菜单悬停：

课堂上的

：

.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span

添加

cursor: pointer

（menus.css第39行）

对于背景图片，是的，你建议的工作正常。

Answer 4

在悬停项目时，只需使用称为“指针”的游标的css属性。将此css属性应用于元素将添加“手”

 a:hover {
    cursor: pointer;
 }

对于后台，您拥有的代码看起来是正确的。测试一下。图像通常是一个慢速网站的罪魁祸首。在Photoshop中有一个“为网络保存”选项，可以帮助你。

注释掉css代码：

#page {
     background: url(someImage);
}

相同的代码注释掉了：

/**
 #page {
     background: url(someImage);
}
**/

后台CSS问题和MENU超链接

4 个答案: