0

我使用 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，因此它们全部加起来。网页的下载时间几乎没有延迟，这一点非常重要。

4

4 回答 4

0

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

 a:hover {
    cursor: pointer;
 }

对于背景，您拥有的代码看起来是正确的。测试一下。当涉及到一个缓慢的网站时，图像通常是罪魁祸首。在 Photoshop 中有一个“保存为网络”选项可以帮助您。

注释掉 CSS 代码：

#page {
     background: url(someImage);
}

相同的代码注释掉：

/**
 #page {
     background: url(someImage);
}
**/
于 2013-11-07T16:17:22.670 回答
0

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

cursor: pointer;

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

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

于 2013-11-07T16:03:16.127 回答
0

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 脚本替换为背景颜色定义吗？

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

于 2013-11-07T16:03:31.530 回答
0

对于菜单悬停：

在班上：

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

添加

cursor: pointer

（menus.css 第 39 行）

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

于 2013-11-07T16:05:12.227 回答