3

drupal 7 のプレミアム レスポンシブ テーマを使用していますが、ドロップダウンの透過性を機能させることができないようです。アイテムを透明にする両方の方法を使用しましたが、どちらも機能しませんでした。

1日 -

#main-menu li li a,
#main-menu li li a:link,
#main-menu li li a:visited {
    background-color: none;
    background: rgb(0, 16, 38);
    background: rgba(0, 16, 38, 0.75);
    border-top-width: 0;
    color: #fff;
    font-size: 14px;
    padding: 10px 10px;
    text-transform: none;
    width: 85px;
    font-weight: 400;
}

2番目 - フォトショップで透明な画像を作りました

#main-menu li li a,
#main-menu li li a:link,
#main-menu li li a:visited {
    background-color: none;
    background-image: url('images/transparent.png');
    background-repeat: repeat;
    border-top-width: 0;
    color: #fff;
    font-size: 14px;
    padding: 10px 10px;
    text-transform: none;
    width: 85px;
    font-weight: 400;
}

何らかの理由で、背景がなしに設定されていても、CSS を介して背景色を削除できません (はい、!important と透明を使用して完全に削除しようとしました)。

問題の一部は、実際の基本テーマではサブメニューの背景色を無に等しいものにできないことだと思いますが、php を検索しましたが、宣言するものを見つけることができませんでしたbackground を使用してデフォルトの色を取得します。何かご意見は？

ここにスクリーンショットがあります メニューの透明度 スクリーンショット

4

3 に答える 3

3

Chrome のインスペクターで、次のスタイルで追加しました。

#main-menu li ul li a {
    background: red !important;
    opacity: 0.5;
}

これにより、サブナビ項目が変更されました。セレクターに ul がないようです。これを次のように変更してみてください。

#main-menu li ul li a,
#main-menu li ul li a:link,
#main-menu li ul li a:visited {
    background: rgb(0, 16, 38);
    background: rgba(0, 16, 38, 0.75);
    border-top-width: 0;
    color: #fff;
    font-size: 14px;
    padding: 10px 10px;
    text-transform: none;
    width: 85px;
    font-weight: 400;
}
于 2012-06-22T15:52:26.407 に答える
0

：の透明色を設定しbackground-colorます

 background-color: transparent;

デモ

このプロパティの有効な値は次のとおりです。

  • 色
  • トランスペアレント
  • 継承する

ソース

于 2012-06-22T15:30:50.967 に答える
0

かなりの時間をかけて (そして @spacebeers と didier ghys の皆さんから多くの助けを借りて) 解決策を見つけました。

サイト上のすべての色を上書きする、colors.inc という名前の php ファイルがありました。フォルダに隠され、不適切にマークされていたため、見逃していました。文字通りファイル全体を削除したので、すべての色で自由な範囲が得られました. 次に、上記の spacebeers コードを使用したところ、魅力的に機能しました。新しいスクリーンショットは次のとおりです。

解決

于 2012-06-22T16:57:17.810 に答える