スマホでlinear-gradient()関数が反映されない

PR 2014/9/27

このトピックには2件の返信、2人の参加者があり、最後にTottyにより11年、 4ヶ月前に更新されました。

2件の返信スレッドを表示中

投稿者

投稿
- 2014年9月26日 10:52 PM #2927
  
  Totty
  ゲスト
  
  いつもありがたく使わせて頂き、ありがとうございます。
  
  記事に蛍光ペン風マーカーを作りたくて、下記CSSを
  スタイルシート (style.css)に書き込み、PCでは表示が反映されてます。
  
  /* 緑(ライトグリーン系)のマーカー */
  .marker_green {
  background: linear-gradient(transparent 60%, #66FFCC 60%);
  
  スマホ版でも反映させたく、mobile.cssに書き込みましたが、
  反映されません。
  
  ご教授いただけると嬉しいです。
- 2014年9月26日 11:15 PM #2932
  わいひら
  キーマスター
  基本的にそういうのは、style.cssだけに書き込めばOKかと思います。
  僕が以下のスタイルを書き込んでみたところモバイルページでも表示されました。
```
/* 緑(ライトグリーン系)のマーカー */
.marker_green {
  background: linear-gradient(transparent 60%, #66FFCC 60%); 
}
```
  .marker_green {
  background: linear-gradient(transparent 60%, #66FFCC 60%);
  
  これは、CSSセレクタのカッコが閉じられてないですけど、テスト環境では閉じられているんですよね？
- 2014年9月26日 11:28 PM #2934
  
  Totty
  ゲスト
  
  わいひらさん
  
  早々のご回答ありがとうございます。
  早かったのでびっくりしてしまいました。。。
  
  お恥ずかしい限りですが、
  セレクタのカッコが閉じられていませんでした。
  
  ご迷惑おかけしました。
投稿者

投稿

2件の返信スレッドを表示中

トピック「スマホでlinear-gradient()関数が反映されない」には新しい返信をつけることはできません。