小编Ori*_*uss的帖子

绝对定位会给IE/Chrome带来麻烦

我的网站上有一个画廊.切换所显示照片的一种方法是按下图库底部的小图像(如下图所示).为了定位小图像,我使用绝对定位和边距,根据需要使它们笔直.问题是,当我在chrome中使用绝对定位时,图像的默认位置从中间开始(因此,为了定位第一个图像(1),我将其指定为'margin-right:-395px;'.在IE中, image的dafault positiong从它应该的位置开始:所以'-395px'使图像向右移动,图像显示得很糟糕.

Chrome中的按钮位于右上角也是如此.

这是我的网站,如果您使用这两种不同的浏览器进行检查(我还没有检查其他浏览器),您可以看到问题所在.图像也在下面添加.

铬:

资源管理器: IE浏览器

第一个小图像的CSS :(第二个图像:向右边缘添加100,第三个图像:添加200)

height:90px;
width:90px;
margin-top:5px;
position:absolute;
opacity:0.6;
filter:alpha(opacity=60);
border-radius:5px;
cursor:pointer;
margin-right:-395px;

Run Code Online (Sandbox Code Playgroud)

css internet-explorer google-chrome margin css-position

Ori*_*uss

lucky-day

2
推荐指数

1
解决办法

2万
查看次数

Javascript更改背景颜色

我尝试使用javascript更改背景颜色，但效果不佳，经过大量尝试，我没有发现任何问题。

var x=1;

switch(x) {
    case 1: {
        document.getElementsByClassName("gallery").style.backgroundColor="blue";
    }
}

Run Code Online (Sandbox Code Playgroud)

我看不到需要将html或css复制到此处。如果此代码正确，尽管我将编辑并添加其他代码。

编辑：根据您的要求添加了HTML。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>???? ???? ??????</title>
<link href="../../CSS.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="Album1.js" type="text/javascript"></script>
</head>

<body>
    <div id="wrapper">
      <div id="header"></div>
      <div id="menu">
        <pre class="menu1"><a class="menu1" href="../../index.html">?? ????</a>             <a class="menu1" href="../../HowToArrive.html">???? ??????</a>             <a class="menu1" href="../../HowItAllBegan.html">??? ??? ?????</a>             <a class="menu1" href="../../Albums.html">?????? ??????</a>             <a class="menu1" href="../../Contact.html">??? ???</a></pre>
        </div>
      <div id="main">
        <div class="gallery_bg">    
            <div class="gallery"></div>
        </div>
      </div> …

Run Code Online (Sandbox Code Playgroud)

javascript

Ori*_*uss

2013 08-27

1
推荐指数

1
解决办法

3970
查看次数