テキストウィジェットに次のコードがあります
<div class="social">
<a href="http://www.facebook.com/peakit.nl" target="_blank"><img src="http://www.peaktest.nl/wp-content/uploads/facebook-icon.png" border="0" alt="facebook"></a>
<a href="http://www.linkedin.com/company/peak-it" target="_blank"><img src="http://www.peaktest.nl/wp-content/uploads/linkedin-icon.png" border="0" alt="linkedin"></a>
<a href="https://twitter.com/PEAKIT" target="_blank"><img src="http://www.peaktest.nl/wp-content/uploads/twitter-icon.png" border="0" alt="twitter"></a>
<a href="http://www.youtube.com/user/peakit" target="_blank"><img src="http://www.peak-it.nl/wp-content/uploads/youtube-icon.png" border="0" alt="youtube"></a>
</div>
これは、IE8 と IE9 を除くすべてのブラウザーで正常に機能します。画像をクリックすると、画像 (img src url) を含むページが読み込まれます。画像を右クリックして別のタブで開くと、正しいページ (href) が表示されます。
ここで何が欠けていますか?
これは IE の出力です。
<div class="social">
<a href="http://www.facebook.com/peakit.nl" target="_blank">
<img border="0" alt="facebook" src="http://www.peaktest.nl/wp-content/uploads/facebook-icon.png"></a>
<a href="http://www.linkedin.com/company/peak-it" target="_blank">
<img border="0" alt="linkedin" src="http://www.peaktest.nl/wp-content/uploads/linkedin-icon.png"></a>
<a href="https://twitter.com/PEAKIT" target="_blank">
<img border="0" alt="twitter" src="http://www.peaktest.nl/wp-content/uploads/twitter-icon.png"></a>
<a href="http://www.youtube.com/user/peakit" target="_blank">
<img border="0" alt="youtube" src="http://www.peak-it.nl/wp-content/uploads/youtube-icon.png"></a>
</div>