作者AirGordano (林老师......)
看板Blog
标题Re: [Blogger] 有关於banner处放置图片的问题
时间Mon May 17 06:18:40 2010
※ 引述《AirGordano (林老师......)》之铭言:
: 各位朋友好
: 最近刚刚开始学习自己建构网志
: 目前碰到几个吊诡的问题想要请教各位
: 一. 我希望能够把自己画的gif图档放置在header-wrapper当作背景图
: 使用语法:
: #header-wrapper{
: .............
: background:url(图片所在网址)no-repeat;
: }
: 在firefox上,或是google浏览器上显示一切安好
: 唯独在IE上显示呈现空白状态
: 本以为是是我在css语法上有问题
: 但若将置入图片处改为使用背景色:background:#cc6600
: 无论firfox、chrome、pcman、IE上显示就无大问题
: 网路上找到相关解决问题,
: 有一种作法,是hack IE给CSS的定义
: 语法:
: #banner{height:1px;}/*ie*/
: html>body #banner{height:auto;}
: 但加入此语法,却仍无从解决之
: 所以希望有经验的朋友愿意指点问题所在
: 二. 第二个问题:我希望在网页header-wrapper的地方加入图片超连结
: 作为回到首页超连结用
: 因此使用步骤:
: 1. 资讯主题 => 版面配置 => 网页元素 => 新增小工具 => HTML/JavaScript =>内容
: 加入以下语法:
: <div id="home">
: <a href="部落格首页"></a>
: </div>
: 2. 修改html中的css语法:
: #home a{
: float:$startSide;
: width:32px;
: height:20px;
: margin:-2px 0 0 500px;
: background:url(回到首页图片网址)no-repeat;
: 不过试了好几回,却无法正常显示(firefox、IE皆是)
: 此问题希望有经验的板友,愿意分享自己的经验,及问题而在
: 谢谢各位耐心看文文章,希望各位朋友不吝指导,谢谢~
: }
------------------------------------------------------------------------------
抱歉,可能表达的不够清楚,下面以实际作法及程式码来说明
这边以在header-wrapper加入标头图片为例
首先,我以Bloggr内建范本来修改
使用挑选新范本 => 第2栏 => 左边第1列 => 第3个 => Minima Lefty Stretch的范本
希望输入css语法在header-wrapper中加入图案标头
所以加入以下语法:
#header-wrapper {
.................
.................
background:url(图片所在网址)no-repeat;
}
在操作的firefox浏览器上显示无误
但换到IE及PCMAN上浏览
就会发现原本应该置入标头图片处显示空白
我想问题所在,可能在於html语法问题及 IE显示上出现的bug
不过因为才疏学浅,
上网找寻解决之道,如:
1. 调整网际网路选项隐私权
2. hack IE给CSS的定义
语法:
#banner{height:1px;}/*ie*/
html>body #banner{height:auto;}
皆无法有效解决遭遇的问题
所以在此向诸位朋友请教,希望能愿意提供解决的建议或可能问题所在,谢谢~
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 118.233.153.181