0

WordPress のテンプレートを使用して旅を始めました。時間の関係で、テンプレートを元に戻すことはできません。Wordpress が使いやすいツールであることは十分承知しており、ほとんどの場合、Wordpress が理想的ではないことも理解しています。

このウェブサイト www.robbenislandfence.com を作成しましたが、次の 2 つの問題に直面しています。[MY ORDER] と [NOTIFY ME SERVICE] にカーソルを合わせると、「テキスト アンカー」アイコンが表示されます。まったく見栄えがよくありません。上記のリンクに見られるように、手のアイコンをトリガーする必要があります。メニューのこれら 2 つのメニュー項目に手を表示するにはどうすればよいですか?

私が持っている 2 番目の質問は、background.css doc に移動し、大きな画像 (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 つのライナーに置き換えると、Web サイトが台無しになりますか?

#page { background: #1a1a1a; }

（サイトで見られるフェンスの背景画像ではなく、木炭の背景色を表示したいだけです。サイトのページの速度に問題があると思います）

Web サイトが遅いように見えます。上記の css スクリプトに見られるように、3 つの背景画像が複製されていることが原因だと思います。私はわかりません。各背景画像は約 280 ～ 350 KB であるため、すべて合計されます。Web ページのダウンロード時間にほとんど遅延がないことが非常に重要です。

4

4 に答える 4

0

CSS の「cursor」プロパティを使用して、ホバーされた要素のカーソルを変更します。

cursor: pointer;

手を差し伸べます ( http://www.w3schools.com/cssref/pr_class_cursor.asp )

あなたの質問の2番目の部分については、はい、そのコードを16進数のカラーコードに置き換えるとうまくいくはずです。

于 2013-11-07T16:03:16.127 に答える
0

アイテムのホバーでは、「ポインター」と呼ばれるカーソルの css 属性を使用するだけです。この css 属性を要素に適用すると、「手」が追加されます

 a:hover {
    cursor: pointer;
 }

背景については、あなたが持っているコードは正しいように見えます。テストしてみてください。遅いウェブサイトになると、通常は画像が原因です。Photoshop には、「Web 用に保存」オプションがあります。

CSS コードをコメントアウトするには:

#page {
     background: url(someImage);
}

同じコードがコメントアウトされました:

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