2013-05-03 62 views
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" /> 
+0

請提供相關的HTML,以及可能的小提琴(http://jsFiddle.net) – 2013-05-03 13:59:51

+0

我修改了上面顯示相關的HTML。唯一的HTML是它映射的圖像,然後是地圖的座標。 – 2013-05-03 14:09:12

回答

2

在'#picmap'樣式中有一個冒號。請參閱:

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

應該是:

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

謝謝你的工作。 :) – 2013-05-03 14:37:31