有時候我們會需要在網頁上置入youtube的影片
但如果因為layout設計的關係,要在youtube影片上面再壓圖或是文字說明
在IE中,(又是IE..攤手)不管z-index設多高
都無法蓋過去
這是因為youtube的flash播放器沒有設定wmode的關係
所以我們要自己加上wmode的設定
(關於wmode的屬性可以看這裡的說明)
我在網路上找到這一篇國外的文章有說明如何解決
如果是用youtube iframe直接置入影片的方法,解決方法如下
思緒‧隨風飄落
紀錄個人生活、單車、以及網頁設計、CSS、jQuery遇到的問題與解決方法
Pages
熱門文章
-
由於目前公司有製作手機版網頁的需求 但是在手機上沒有滿版顯示的問題 上網查才知道 這裡 跟 這裡 有寫到 必須加入Viewport 這個Meta標籤 為了怕忘記,所以在這裡記錄一下
-
其實這是很久之前就有的問題 不過一直忘了把它記錄下來 當我們在做EDM時 在Outlook上看沒有問題 可是到了Gmail就會出現像下圖這樣多餘的空白縫隙 解決的方式就是在img的標籤上加上下面的css屬性就可以了~ vertical-align:0; dis...
-
昨天林世峰傳了一網誌的連結文章給我,裡面介紹一間店叫做 陽春商號 網誌裡面提到 全台北市最好吃的三明治 的店就是陽春商號 這家位於光復南路的巷弄間,大約介於仁愛路跟信義路的中間位置 巷口是一家全家便利商店 地址是光復南路447之24號 沒有招牌,找到上面這張復古的藍色...
2012年12月6日
2012年11月28日
EDM在Gmail會有空白縫隙的問題
其實這是很久之前就有的問題
不過一直忘了把它記錄下來
當我們在做EDM時
在Outlook上看沒有問題
可是到了Gmail就會出現像下圖這樣多餘的空白縫隙

解決的方式就是在img的標籤上加上下面的css屬性就可以了~
不過一直忘了把它記錄下來
當我們在做EDM時
在Outlook上看沒有問題
可是到了Gmail就會出現像下圖這樣多餘的空白縫隙

解決的方式就是在img的標籤上加上下面的css屬性就可以了~
vertical-align:0;
display:block;
2012年11月20日
IE7、IE8中使用jQuery的fadeIn/fadeOut 黑邊問題
這是之前同事問我的問題
因為把瀏覽器從Firefox 換成Chrome之後就無視IE就很少開了...
上網找了一下
看到這邊有解決的方式
怕忘記所以在這邊記錄一下
因為把瀏覽器從Firefox 換成Chrome之後就
上網找了一下
看到這邊有解決的方式
怕忘記所以在這邊記錄一下
$(function() {
if(navigator.userAgent.indexOf("MSIE") != -1) {
$('img').each(function() {
if($(this).attr('src').indexOf('.png') != -1) {
$(this).css({
'filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' +
$(this).attr('src') +
'", sizingMethod="scale");'
});
}
});
}
});
2012年10月29日
[CSS]Chrome瀏覽器最小字型破解
在Chorme中將用CSS設定字體12px以下卻沒有效果,是因為Chrome為了閱讀上的方便
所以有限制字體最小就是12px
解決的方法就是在CSS加上以下這一段
但某些情況下會讓連結的底線失效
於是要再設定
就會正常了
所以有限制字體最小就是12px
解決的方法就是在CSS加上以下這一段
-webkit-text-size-adjust:none;
但某些情況下會讓連結的底線失效
於是要再設定
display:inline-block;
就會正常了
2012年2月29日
IE9 line-height hack
:root .xxx {line-height:28px\9;}
說明:
在IE9下的行距,會在下方多4px,故在行距(line-height)設定上要多4px。
:root為根目錄選擇器,在IE8以下的版本(包含IE8)是無法辨識的,但其他瀏覽器卻是可用的。
\9為IE8、9的hack技法。
訂閱:
文章 (Atom)