グッドデザイン賞を受賞したウォーターサーバー >>

現在cssにて、特定の画像をグレースケール表示にする指定をしているのですが、Androidの機種にてこのcssが効かない事が判明しました。
(SONY NW-F805 ブラウザはこの機種に入っているデフォルトの「ブラウザ」というものです。)
あまりcssに詳しくなく、どなたか対応策ご存知の方、ご教示願えませんでしょうか。
cssのパスの間違いが無い事は確認しております。

cssの指定
img.gray {
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
}


html内での指定
<img src="sample.jpg" width="60" height="80" alt="sample" class="gray" />

お手数をおかけしますが、よろしく御願いいたします。

このQ&Aに関連する最新のQ&A

A 回答 (1件)

CSSをサポートしていないブラウザへの対応方法は昔から使われている決まった方法があります。


CSS適用後のデザインと同じ画像を用意して、その画像を表示してください。

グレースケールの画像を用意して、<img src="グレースケールの画像">とすれば、CSSを使わなくても(CSSをサポートしていないブラウザでも)グレースケールの画像が表示されます。
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

QJavaScriptde途中で、「exit」するには?

function kensaku(){
s_data = document.kaiin_form.input_name.value;

if(!s_data){ alert("キーワードを入れて下さい!"); }

if(s_data != dumy){ ...... }
for(i=st_no;i<=n;i++){
......省略.................;
.......省略................}
}

----------------------------------
3行目で表示されたアラートをOKで閉じても、4行目以下が実行されてしまいます。
3行目でexitするにはどうすれば良いでしょうか?

Aベストアンサー

>関数(kensaku())からは抜けられませんでした。
そうですね、勘違いしていました、f(^^;
すみません。
if(!s_data){
alert("キーワードを入れて下さい!");
return;
}
ですね。

Qpingでポートの指定

pingでIPアドレスを指定して、通信できるかどうかというのは
よく使いますが、pingでポートを指定して応答するかどうかは調べられるのでしょうか?

よろしくお願いします

Aベストアンサー

pingを含むICMPというプロトコルは、OSIの7レイヤで言うところのL2(同一セグメント内通信)とL3(IPルーティングされた通信)の両方にまたがる、ちょっと珍しいプロトコルです。

IPアドレスは指定できますが、別サブネットに属するIPアドレスに到達できればL3通信、できなければゲートウェイと呼ばれる同一サブネットに属する中継装置からの回答を得るという点でL2(MAC通信ではなく、同一セグメント内通信という意味)通信です。

ポート番号はL4で使用されるアドレスですから、L4機能の疎通確認はping(を含むICMP)ではできません。

FTPの疎通確認であれば、クライアントからサーバに対するTCP/21通信(FTP-CMD)が可能であること(サーバからクライアントへのTCP/21からの応答を含む)+サーバからクライアントに対するTCP/20通信(FTP-DATA)が可能であること(クライアントからサーバへのTCP/21からの応答を含む)が必要でしょう。

監視ソフトによるものであれば、
・クライアントからサーバへのログイン(TCP/21)
・クライアントからサーバへのlsの結果(TCP/20)
で確認すればよいでしょう。

pingを含むICMPというプロトコルは、OSIの7レイヤで言うところのL2(同一セグメント内通信)とL3(IPルーティングされた通信)の両方にまたがる、ちょっと珍しいプロトコルです。

IPアドレスは指定できますが、別サブネットに属するIPアドレスに到達できればL3通信、できなければゲートウェイと呼ばれる同一サブネットに属する中継装置からの回答を得るという点でL2(MAC通信ではなく、同一セグメント内通信という意味)通信です。

ポート番号はL4で使用されるアドレスですから、L4機能の疎通確認はping(を含む...続きを読む

Qidを使わずにonclickで自身の要素取得

javascriptで
<a href="XXX.XXX" title="ゴール" onclick="element()">test</a>
function() {
idを使わずにここにtitle属性のゴールを習得する方法を記述したいのですが、わかりません
よろしくお願いします
}

Aベストアンサー

こんにちは。


==== HTML
<a href="" title="ゴール" onclick="getTitle(this);return false;">test</a>
<a href="" title="スタート" onclick="getTitle(this);return false;">test2</a>


==== JavaScript
function getTitle ( obj ) {
var title = obj.getAttribute('title');
alert ( title );
}

こういうことでしょうか。
違っていたらすみません。

Qある要素の中身を全部グレーアウトするには

HTMLとJavascriptでちょっと困っておりまして、助けていただけましたら嬉しいです。

テーブルのあるセルの中の要素を全てグレーアウトして使えなくしたいのですが、
どのようにするのが一般的でしょうか?

例えば以下のようなコードがあるとしますと、
id="message"に対して上からがばっと半透明のカバーをかけて
やりたいといった感じです。
なので文字も赤の部分は薄赤、黒の部分はグレーにしたいです。
画像も同様です。selectはクリックできない感じです。

<td id="message">
 <font color="#ff0000">こんにちわ</font>
 良い天気ですね。<br>
 <select name="food">
  <option value="apple">apple</option>
  <option value="orange">orange</option>
 </select>
 <img src="...">
</td>

よろしくお願いしますm(_ _)m

Aベストアンサー

こんにちは。

No.1さんの言うとおりJavaScriptの動かない環境ではフォームが選択できたりしてしまいますのでおすすめしませんが、サンプルを作ってみました。
(jQueryを併用しています)

==== 動作サンプル
http://hppg.moe.hm/okwave/qa/q7413146/

動作原理としましては
指定されたtrのtd内のdivに半透明のオブジェクトを絶対指定で配置し、覆い被せています。
またselectタグにdisable属性を付与し、選択不可としています。

実用にはもうちょっといろいろ加味しなければいけないと思いますので参考までに。


人気Q&Aランキング