为什么我的图片链接无法在iphone和ipads上运行?

时间:2015-04-01 16:03:33

标签: html ios css iphone ipad

意识到您无法在ipads和iphone上进行链接翻转/悬停我尝试将翻转背景更改为iphone和ipads的可点击图像但是链接仍无法使用。任何人都可以看到为什么这些不起作用。这是用于定位ipads的css:

 /* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

	div.website_bck a img
	{
		display: block!important;
		width: 100%!important;
     }
  div#hi_hats, div#marbella, div#bcl, div#chinahouse, div#suponix, div#pa, div#upwardMb, div#salon, div#fasbet, div#wrayEnt, div#box, div#bcl_logo, div#greenSeeds, div#lilyRose, div#stationery_suponix, div#stationery_bcl, div#stationery_charmel, div#stationery_box, div#adverts_digital_betfred, div#adverts_digital_itvBets, div#adverts_digital_bingo, div#adverts_digital_casino, div#adverts_digital_freeBet, div#adverts_print_betfred1, div#adverts_print_betfred2, div#adverts_print_bingo, div#adverts_print_hi_hats, div#adverts_print_fasbet, div#other_betfred_presspack, div#other_betfred_survey, div#other_fasbet_stand, div#other_betfred_scratchcards, div#other_betfred_paysafe, div#other_hi_hats_cd, div#other_fasbet_demo, div#other_betfred_bingo_game
	{
		background-image: none;
	}
  }

以下是用于定位iphone的css代码,它与上述相同但使用不同的媒体查询:

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	div.website_bck a img
	{
		display: block;
		width: 100%!important;
     }
      div#hi_hats, div#marbella, div#bcl, div#chinahouse, div#suponix, div#pa, div#upwardMb, div#salon, div#fasbet, div#wrayEnt, div#box, div#bcl_logo, div#greenSeeds, div#lilyRose, div#stationery_suponix, div#stationery_bcl, div#stationery_charmel, div#stationery_box, div#adverts_digital_betfred, div#adverts_digital_itvBets, div#adverts_digital_bingo, div#adverts_digital_casino, div#adverts_digital_freeBet, div#adverts_print_betfred1, div#adverts_print_betfred2, div#adverts_print_bingo, div#adverts_print_hi_hats, div#adverts_print_fasbet, div#other_betfred_presspack, div#other_betfred_survey, div#other_fasbet_stand, div#other_betfred_scratchcards, div#other_betfred_paysafe, div#other_hi_hats_cd, div#other_fasbet_demo, div#other_betfred_bingo_game
	{
		background-image: none;
	}	

}	

网站页面为http://www.i4dsign.co.uk/portfolio.html#portfolio_nav。以下是每个链接使用的html示例:

<div class="website_bck left" id="hi_hats">
  <a href="portfolio_hi_hats.html">
    <img src="images/website_hiHats.jpg" alt="The Hi-Hats: Wedding and Function Band">
  </a>
  <div class="rollover">

    <div class="mask">
      <h2>The Hi-Hats</h2>
      <h3>Wedding & Function Band</h3>
      <a href="portfolio_hi_hats.html">More Information</a>
    </div>

  </div>
</div>

0 个答案:

没有答案