Internet Explorer的Css問題

我的彈出框與除Internet Explorer之外的其他瀏覽器一起工作良好。我找不到問題。有人能幫助我嗎？Internet Explorer的Css問題

的問題是在像Facebook的按鈕，並分享Tweet按鈕。嘗試使用不同於Internet Explorer的瀏覽器查看它。然後在Internet Explorer中查看它。

HTML

<div class="gallery-buttons"> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
    <div class="gallery-buttons-fb"> 
     <iframe src="//www.facebook.com/plugins/like.php?href=http://mw2.google.com/mw-panoramio/photos/medium/3141724.jpg&amp;send=false&amp;layout=button_count&amp;width=120&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;appId=204284306319205" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:21px;" allowTransparency="true"></iframe> 
    </div> 
    <div class="gallery-buttons-tw"> 
     <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://mw2.google.com/mw-panoramio/photos/medium/3141724.jpg" data-text="text" data-via="me" data-related="you" data-hashtags="tag">Tweet</a> 
     <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> 
    </div> 
</div>

CSS

.gallery-comments { 
} 
.gallery-buttons-tw { 
    float: right; 
    height: 20px; 
    width: 55px; 
} 
.gallery-buttons { 
    background-color: #ECC5A6; 
    border-radius: 3px 0 0 0; 
    bottom: 22px; 
    float: right; 
    overflow: hidden; 
    padding-left: 3px; 
    padding-top: 1px; 
    position: relative; 
} 
.gallery-image { 
} 
.gallery-top { 
} 
.gallery-container { 
} 
.gallery-wrapper { 
    background-color: #E9E8E6; 
    border-radius: 5px 5px 5px 5px; 
    padding: 10px; 
    width: 500px; 
} 
.gallery-buttons-fb { 
    float: left; 
    width: 46px; 
}

Jsfiddle

來源

2012-01-28 Ahmet Can

給overflow: hidden;和float: right;含有FB和Twitter內部框架，即具有類gallery-buttons-fb和gallery-buttons-tw的那些的DIV。

來源

2012-01-28 15:26:12 techfoobar

嘗試設置寬度上

.gallery-buttons { }

因爲現在即不知道寬度。順便說一下，我測試它，並與寬度我修復它。

來源

2012-01-28 15:24:40 Aristos

嘗試增加寬度，以名爲.gallery-按鈕

.gallery-buttons { 
    background-color: #ECC5A6; 
    border-radius: 3px 0 0 0; 
    bottom: 22px; 
    float: right; 
    overflow: hidden; 
    padding-left: 3px; 
    padding-top: 1px; 
    position: relative; 
    width: 101px; 
}

來源

2012-01-28 15:27:54 Pawel

Internet Explorer的Css問題

回答

相關問題