1

このメディアクエリが機能しないのはなぜですか? 画面のブラウザ幅が 1300 ピクセルより大きい場合、イメージ マップの上部 150 ピクセルを切り取ろうとしています。イメージ マップはレスポンシブで、ブラウザーの幅を広げます (その部分は正常に動作します)。

<style>
body {
    font-family: Helvetica, Arial, sans-serif;
    background-color:#cfa88a;
    margin-top: 0px;
}
img[usemap] {
    border: none;
    height: auto;
    width: 100%;
}
/* on big wide screens over 1300px */
@media all and (min-width: 1300px) {
    #picmap:{margin-top:-150px;}
}
</style>
</head>
<body>
    <img src="lauout.jpg" id="picmap" alt="" width="1105" height="752" usemap="#Map" />
4

1 に答える 1

2

「#picmap」スタイリングにコロンがあります。見る：

#picmap:{margin-top:-150px;}

次のようにする必要があります。

#picmap {margin-top:-150px;}
于 2013-05-03T14:17:18.553 に答える