2016-03-20 13 views
0

Chromeブラウザで画像を読み込む際に問題が発生していますが、Firefoxではうまく動作します。ヘッダーとその他の2つのボタンを2つのボタンで読み込みしようとしています。以下のコードを同じものに使用します。Google Chromeで画像をロードすると問題が発生する

header { 
    width: 100%; 
    min-height: 4em; 
    background: url(https://mycrm.com/browser/images/CNT2528706.png) no-repeat top right; 
    background-size: cover; 
    border-bottom: thin solid #dedede 
} 

a.button { 
    display: block; 
    min-height: 50px; 
    line-height: 20px; 
    background: #f99752 url(https://mycrm.com/browser/images/CNT2532535.png) no-repeat 5px center; 
    font-size: 13px; 
    color: #fff; 
    padding: 0 10px 0 60px; 
    border-radius: 5px 
} 
+0

画像やクロムに問題はありません。URLをコピーして貼り付けた画像をクロムでチェックアウトし、サイトのホームページに転送しました。私はクロムがイメージではないホームページからbgイメージを取得していると思います。 firefoxはそのような自動再ルーティングを防ぎます。ところで、 – TricksfortheWeb

+0

本当にいいサイト:) – TricksfortheWeb

+0

実際に私が与えたURLは正確なものではありません。セキュリティ上の目的でサンプルURLを渡しましたが、画像の場所に問題はありません。 – user1611498

答えて

0

このコードを使用してみてください:背景:

header { 
    width: 100%; 
    min-height: 4em; 
    background: url("https://mycrm.com/browser/images/CNT2528706.png") no-repeat top right; 
    background-size: cover; 
    border-bottom: thin solid #dedede; 
} 

a.button { 
    display: block; 
    min-height: 50px; 
    line-height: 20px; 
    background: url("https://mycrm.com/browser/images/CNT2532535.png") no-repeat 5px center; 
    font-size: 13px; 
    color: #fff; 
    padding: 0 10px 0 60px; 
    border-radius: 5px; 
} 

は他;でコードが""のように使用しても、機能しません終了することを忘れないでくださいURL(「例」)。

+0

チャールズ - 追加した後でも動作しません。と "" – user1611498

+0

user1611498 - 画像のリンクに移動して、ウェブサイトのメインページにリダイレクトしようとしました。画像を保存してバックグラウンドで使用してください:https://mycrm.com/browser/images/CNT2528706.png – CharlesCraft50

+0

:background:url( "イメージファイルのディレクトリ"); – CharlesCraft50

関連する問題