如何強制下方捲軸不出現改善二段背景的語法

2008051416:07
蒐集:問題&解答  2008/03/24 11:39

如題, 因為我愛發表韓網NAVER BLOG的版型SKIN分享,

韓網BLOG有二段式背景語法, 可以讓版型背景有銜接不間斷的美感,

後來TINA也獲得(二度空間部落格(柏憲)改良式背景語法解說)的協助,

取得奇摩部落改良式背景語法。

 

可是卻在奇摩部落格在2008年2月限制語法後,

其中一個 ZOOM 語法不能放上使用,

使得這二段式背景會在使用1024PX+IE7.0的畫面破功! 

由於我考量主軸以1280PX尺寸為主(主題居中也方便1024px畫面)

但是那個 IE7.0卻會很雞婆出現下方捲軸畫面讓整個畫面變得不協調 !

如下是我的格友回應給我看的有問題的二段式背景畫面:

1024px+ie7.0畫面  下方有捲軸出現

正常的二段式背景是要以下畫面

1280px+ie7.0畫面 有出現下方捲軸,但因為沒超出背景尺寸沒有走樣 !

 

總是被奇摩部落格莫名被限制啊  !!

不死心找了一下在知識+居然找到答案了 !

只要語法加上這段就OK囉  !

/*強制下方捲軸不出現改善二段背景*/
body{overflow-x:hidden;}

 

還好二段背景版型發表比較少, 我也全部修正好了! 版型編號如下:

08.09.10.12.16.17.18.19.22.23.33.37.39.45.47.50.61.67.68.69.75.77.81

啊~ 真的很對不起使用及引用的格友, 老是要修改改善啊!  請原諒我喔 !

 

也許你恰好有使用也恰好是IE7.0以下也恰好是用1280PX,

沒有上面畫面問題, 但是部落格不是給自己看的,

因此求已使用的格友請務必加上以求心安啊 !

     

在這裡也要說我心中放很久不知如何回應的話,

常常看到格友的自己修改自定樣式版型有很奇怪不協調畫面,

想要回應告知卻又不知如何開口, 最後走上發表版型語法請大家重視。

因為我剛好都有使用1024px桌上型電腦以及1280px筆電,

加上之前發表背景語法經驗, 常在回應得知問題;

有修改自定樣式的格友,請大家最好有不同尺寸測試使用,比較不會有很奇怪的畫面出現。

 

你可以用電腦上桌面按右鍵/內容/

再按最後一項設定值來調整螢幕解析度尺寸來檢查。

tina也明白大多數格友都是用1024px畫面的背景, 最好接受我良心建議加上黃底紅字語法 !

/*Background image for whole page*/
body {background-image: url(圖片網址);repeat;background-attachment:fixed;background-position:center top}

(我加的語法是背景固定+重覆補畫面不足的空白+居中頂端的畫面 )

最好用我語法來參考修改, 避免你或別人用筆電看少一 塊沒美感背景, 出現額頭三條線情形囉...

 

想想還是放一個例子, 以下TINA要出賣引用天王布魯斯格友 !

請他不計小女人TINA之過來說明, 請大人一定要原諒我啊 !

這是用1024PX看天王BLOG的畫面

這是用1280PX所看到會出現三條線的畫面 !

用檢視/原始檔看他的語法

/*Background固定背景圖*/
body {
background-image: url(http://hk.geocities.com/ebrucelee/bruce_lee_blog001.jpg);
background-repeat:no-repeat ;
background-position : 0% 0%;
background-attachment: fixed;}

TINA看他是用黑底背景良心建議改成黑底語法

/*Background固定背景圖*/
body {
background-color: #000000;
background-image: url(http://hk.geocities.com/ebrucelee/bruce_lee_blog001.jpg);
background-repeat:no-repeat ;
background-position : center top ;
background-attachment: fixed;}

     

 

同樣在這裡想提醒分享版型格友, 要留意以上尺寸問題, 畢竟blog不是只給自己看的, 不是嗎?

還有, 分享奇摩部落格框框語法的格友, 我也想要提醒文章或標題框框務必做到 1280px以上

(其實奇摩部落格本身提供框框是做到1600px以上),因為奇摩blog大多採用三欄版面,

而奇摩部落格若沒有自己定好總版面寬度語法, 文章區是跟著格友使用螢幕解析度會變很大很大的,

因此應該明白我所要表達的意思吧! 真的不要有畫面不足情形, 實在是有些不太完美啊 !

做框框分享又無法做太長的框框尺寸建議用語法鎖定版面->定好總版面寬度語法,

本篇有些碎碎念但願能大家重視這小小卻不能忽視的問題!

 

啊 ~ 再補充

相對使用1280px的格友想要修改自己自定樣式的畫面, 還是要以 1024px看到畫面為主;

畢竟目前大半人都是用1024px來上網的, 主題最好居中, 免得用1024px格友有看不到畫面情形..

如以下畫面說明:

這個版型是1280px為主可以看到整個畫面

因為版型居中放即使用1024px來看也不會有太奇怪的畫面 !