1

我有一个按钮供您查看。看起来不错，对吧？好吧，在现场，euroworker.no /shipping和/ selectAddress似乎有些捉襟见肘。

在 Chrome、IE 和 Safari 中呈现良好，我认为这可能是一个 FF 问题，但将小提琴加载到 FF 中似乎很好。

快速参考 CSS 和 html：

#fortsett_btn  {
   background-image: url(http://euroworker.no/public/upload/fortsett.png?1269434047);
   background-repeat:no-repeat;
   background-position:left;
   background-color:none;
    border:none;
    outline:none;
   visibility: visible;
   position: relative;
   z-index: 2;
   width: 106px;
   height: 25px;
   cursor:pointer;
}​

和 HTML

<button type="submit" class="submit" id="fortsett_btn" title="Fortsett" value="">&nbsp;</button>​

我想知道这是怎么回事。

4

2 回答 2

1

代替

<button type="submit" class="submit" id="fortsett_btn" title="Fortsett" value="">&nbsp;</button>

尝试这个 ：

<button type="submit" class="submit" id="fortsett_btn" title="Fortsett" value="">Some value</button>

然后添加text-indent:-999px;到您的 CSS

这与为什么您的按钮在实时站点上不受影响无关，这只是建议。您的按钮没有样式可能是因为您缺少样式表（错误的链接），请尝试内联样式，然后如果它可以将样式复制到样式表

于 2010-03-24T12:55:04.040 回答
1

我不确定我是否理解这个问题。CSS 在每种情况下都不同。在 Fiddle 上，您有一个背景重复设置为不重复的单个图像。在实时站点上，您有一个不同图像的切片，背景重复设置为重复-x。这是按钮样式的两种不同方式。

小提琴：

#fortsett_btn {
background-image:url("http://euroworker.no/public/upload/fortsett.png?1269434047");
background-position:left center;
background-repeat:no-repeat;
border:medium none;
cursor:pointer;
height:25px;
position:relative;
visibility:visible;
width:106px;
z-index:2;
}

居住：

#product___specField_8  {
-moz-border-radius:5px 0 0 5px;
background-image:url("stylesheet/frontend/../../upload/orng_bg.png?1269434608");
background-repeat:repeat-x;
border:1px solid #DDDDDD;
float:left;
font-size:24px;
font-weight:bold;
height:33px;
padding-left:55px;
width:124px;
}

你为什么不期待看到不同的东西？

于 2010-03-24T12:55:21.813 回答