html - 在 CSS 中定位标题图片-6ren

html - 在 CSS 中定位标题图片

转载作者：太空宇宙更新时间：2023-11-04 14:41:40

我正在尝试使用我在 CS6 Illustrator 中创建的横幅作为我网站上的标题。我把它作为背景，将它设置为“顶部”位置和“不重复”，但由于某种原因它出现在标题区域的底部，图像和标题区域的边框之间有 300 像素的填充.我增加了页眉区域的高度，以便你们可以看到背景图像呈现多远......它位于文本区域下方，而不是作为文本背景出现(这适用于较小的图像)。

这是我的网站 My Company's Site

这是我的 CSS:

 @media (min-width: 1420px) { 

header { font-family: 'DJGrossNormal'; text-align:center; font-size:1.3em; font-weight:bold; color: #FF0;  background:  url(/images/HeaderImage.png) top no-repeat; positon: relative; bottom: -100px; }

.mac header { padding-top:15px; }

.win header { 
    margin-right:75px;
    height:200px;
    padding-top: 15px;
    border: solid white 10px;
    }

body {
    background-color: #CECDB3;
    padding: 5px;
    margin: 2px;
}
footer {
    height:150px; 
    /* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #C8C99F 60%, #FFFFFF 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #C8C99F 60%, #FFFFFF 90%);

/* Opera */ 
background-image: -o-linear-gradient(top, #C8C99F 60%, #FFFFFF 90%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.6, #C8C99F), color-stop(0.9, #FFFFFF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #C8C99F 60%, #FFFFFF 90%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #C8C99F 60%, #FFFFFF 90%); }


.win body {
    background:#FF0;
    padding: 5px;
    margin: 2px;
}



.win .wrapper {
     font-family:Verdana, Geneva, sans-serif; height:900px; background-color:#C8C99F; border-bottom:dashed black 5px; border-top: none; border-right:none; border-left: solid black 5px;
      -moz-border-radius-topright: 40px;
    -webkit-border-radius-topright: 40px;
    border-top-right-radius: 40px;}


.mainnav { border: solid black 4px; width: 200px;; height: 250px; float: left; background-color: #FF0; margin-right: 5px; margin-bottom: 5px; position:fixed; align: left;
 }
  a:link { text-decoration: none; color: black;  font-family: 'DJGrossNormal'; margin-bottom: 100px; font-size: 1.5em;  }

 .homepage {text-align: justify; font-family: 'permanent_markerregular'; font-size:1.1em; font-weight:80; }
 .navtext { padding-left: 10px; padding-top:15px; }
.slideshow { position:relative; right: -18%; }

.livecoaching { position: relative; right: -20%;  }
.seminars { border: solid white 5px; border-top: none; padding: 5px; background-color: #C6C670; font-family:'Telex'; }
.aboutus { border: solid white 5px; border-top: none; padding: 5px; background-color: #C6C670; font-family: 'Telex'; }
#rightimages { position: relative; float: right; }
.contact { border: solid white 5px; border-top: none; padding: 5px; background-color: #C6C670; }
.blog { border: solid white 5px; border-top: none; padding: 5px; background-color: #C6C670; }

.rightcontent {
    float: right;
    width: 40%;
    position: relative;
    right: -150px;
    bottom: 770px;
    background-color: #C8C99F;
    padding: 2px;
    -moz-border-radius-topright: 20px;
    -webkit-border-radius-topright: 20px;
    border-top-right-radius: 20px;
}

.win .rightcontent {
    float: right;
    width: 40%;
    position: relative;
    right: -150px;
    bottom: 745px;
    background-color: #C8C99F;
    color: black;
    border: solid black 3px;
    padding: 2px;
    -moz-border-radius-topright: 20px;
    -webkit-border-radius-topright: 20px;
    border-top-right-radius: 20px; }
.leftcontent { float:left; width: 60%; position: relative; bottom: -1em; }
.win .leftcontent { border: solid black 3px; }
.win .leftcontent { background-color:#C8C99F; }


.clubphoto {opacity:0.4; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;}

.coachingintro { position: relative; right: 0.2em; font-family: 'CaviarDreamsRegular'; font-size:1.5em; text-align:center; font-weight: 400; }
form {
    background: url(images/nightclub.png) no-repeat;
    background-size: cover;
    font-size: 0.8em;
    font-weight:300;
    font-family: Verdana, Geneva, sans-serif;
    -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
    overflow: auto;
    position: relative;
}

.win form {
    background: url(images/nightclub.png) no-repeat;
    background-size: cover;
    font-size: 0.8em;
    font-weight:300;
    font-family: Verdana, Geneva, sans-serif;
    padding:2px;
    border:solid white 6px;
    -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
    overflow: auto;
    position: relative;
}



h3:first-letter { font-family: 'KaushanScriptRegular'; font-size: 50px; }
h3 { font-family: 'sofia_pro_lightregular'; }



 article { width: 800px; position: relative; right: -220px; padding-top: 3px; font-family:Helvetica; }



 a:visited {color:black;}
}

@media (min-width: 1260px) and (max-width: 1419px) {

header { font-family: 'DJGrossNormal'; text-align:center; font-size:1.5em; font-weight:bold; color: #FF0; border-bottom: solid white 10px; background: url(/images/HeaderImage.png) top no-repeat ; height: 500px; }

.mac header { padding-top:15px; }

.win header { 
    margin-right:75px;
    font-size:1.9em;
    height:175px;
    padding-top: 15px;
    }

body {
    background-color: #CECDB3;
    padding: 5px;
    margin: 2px;
}
footer {
    height:150px; 
    /* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #C8C99F 60%, #FFFFFF 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #C8C99F 60%, #FFFFFF 90%);

/* Opera */ 
background-image: -o-linear-gradient(top, #C8C99F 60%, #FFFFFF 90%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.6, #C8C99F), color-stop(0.9, #FFFFFF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #C8C99F 60%, #FFFFFF 90%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #C8C99F 60%, #FFFFFF 90%); }


.win body {
    background:#FF0;
    padding: 5px;
    margin: 2px;
}



.win .wrapper {
     font-family:Verdana, Geneva, sans-serif; height:900px; background-color:#C8C99F; border-bottom:dashed black 5px; border-top: none; border-right:none; border-left: solid black 5px;
      -moz-border-radius-topright: 40px;
    -webkit-border-radius-topright: 40px;
    border-top-right-radius: 40px;}


.mainnav { border: solid black 4px; width: 200px;; height: 250px; float: left; background-color: #FF0; margin-right: 5px; margin-bottom: 5px; position:fixed; align: left;
 }
  a:link { text-decoration: none; color: black;  font-family: 'DJGrossNormal'; margin-bottom: 100px; font-size: 1.5em;  }

 .homepage {text-align: justify; font-family: 'permanent_markerregular'; font-size:1.1em; font-weight:80; }
 .navtext { padding-left: 10px; padding-top:15px; }
.slideshow { position:relative; right: -18%; }

.livecoaching { position: relative; right: -20%;  }
.seminars { border: solid white 5px; border-top: none; padding: 5px; background-color: #C6C670; font-family:'Telex'; }
.aboutus { border: solid white 5px; border-top: none; padding: 5px; background-color: #C6C670; font-family: 'Telex'; }
#rightimages { position: relative; float: right; }
.contact { border: solid white 5px; border-top: none; padding: 5px; background-color: #C6C670; }
.blog { border: solid white 5px; border-top: none; padding: 5px; background-color: #C6C670; }

.rightcontent {
    float: right;
    width: 40%;
    position: relative;
    right: -150px;
    bottom: 770px;
    background-color: #C8C99F;
    padding: 2px;
    -moz-border-radius-topright: 20px;
    -webkit-border-radius-topright: 20px;
    border-top-right-radius: 20px;
}

.win .rightcontent {
    float: right;
    width: 40%;
    position: relative;
    right: -150px;
    bottom: 745px;
    background-color: #C8C99F;
    color: black;
    border: solid black 3px;
    padding: 2px;
    -moz-border-radius-topright: 20px;
    -webkit-border-radius-topright: 20px;
    border-top-right-radius: 20px; }
.leftcontent { float:left; width: 60%; position: relative; bottom: -1em; }
.win .leftcontent { border: solid black 3px; }
.win .leftcontent { background-color:#C8C99F; }


.clubphoto {opacity:0.4; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;}

.coachingintro { position: relative; right: 0.2em; font-family: 'CaviarDreamsRegular'; font-size:1.5em; text-align:center; font-weight: 400; }
form {
    background: url(images/nightclub.png) no-repeat;
    background-size: cover;
    font-size: 0.8em;
    font-weight:300;
    font-family: Verdana, Geneva, sans-serif;
    -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
    overflow: auto;
    position: relative;
}

.win form {
    background: url(images/nightclub.png) no-repeat;
    background-size: cover;
    font-size: 0.8em;
    font-weight:300;
    font-family: Verdana, Geneva, sans-serif;
    padding:2px;
    border:solid white 6px;
    -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
    overflow: auto;
    position: relative;
}



h3:first-letter { font-family: 'KaushanScriptRegular'; font-size: 50px; }
h3 { font-family: 'sofia_pro_lightregular'; }



 article { width: 800px; position: relative; right: -220px; padding-top: 3px; font-family:Helvetica; }



 a:visited {color:black;}


}

@media (min-width: 320px) and (max-width: 479px) {
    header { font-family: 'sofia_pro_lightregular'; color: black; font-size: 0.3em; }
html, body {
    background-color: #CECDB3;
    height: 95%;
    width: 100%;
}

.wrapper {
    background-color: #CECDB3; -moz-border-radius-topright: 10px; -webkit-border-radius-topright: 10px; border-top-right-radius: 10px; font-family:Verdana, Geneva, sans-serif; width:60%; height:95%; overflow:auto; padding: 2px; margin: 2px; border: solid white 2px; }
.mainnav { border: solid black 4px; width: 30%;  float: left; background-color: #FF0; margin-right: 5px; margin-bottom: 5px; position:relative;
 }
a:link { text-decoration: none; color: black; font-family: 'DJGrossNormal'; font-size: 0.7em;  }
article { font-size:0.5em; background-size: contain; position: relative; }


}

@media (min-width: 480px) and (max-width: 599px) {
    header { font-family: 'sofia_pro_lightregular'; color: black; font-size: 0.5em; }

html, body {
    background-color: #CECDB3;
    width: 100%;
    height:100%;
    overflow: hidden;
}

.wrapper {
    background-color: #CECDB3; -moz-border-radius-topright: 10px; -webkit-border-radius-topright: 10px; border-top-right-radius: 10px; font-family:Verdana, Geneva, sans-serif; width:75%; height: 90%; overflow:auto; padding: 2px; margin: 2px; border: solid white 2px; }
.mainnav { border: solid black 4px; width: 30%;  float: left; background-color: #FF0; margin-right: 5px; margin-bottom: 5px; position:relative;
 }
 a:link { text-decoration: none; color: black; font-family: 'DJGrossNormal'; font-size: 0.7em;  }
article { font-size:0.6em;  position: relative; }

}

@media (min-width: 768px) and (max-width: 1258px) {

html, body { width:100%; height:1500px;}
header { font-family: 'sofia_pro_lightregular'; color: black; font-size: 0.5em; }
body {
    background-color: #CECDB3;

}

.wrapper {
    background-color: #CECDB3; -moz-border-radius-topright: 10px; -webkit-border-radius-topright: 10px; border-top-right-radius: 10px; font-family:Verdana, Geneva, sans-serif; width:70%; height: 95%; overflow:auto; padding: 2px; margin: 2px; border: solid white 2px; }
.mainnav { border: solid black 4px; width: 13%; height: 20%;  float: left; background-color: #FF0; margin-right: 5px; margin-bottom: 5px; position:relative;
 }

 .navtext { padding-bottom: 15px; }
 a:link { text-decoration: none; color: black; font-family: 'DJGrossNormal'; font-size: 0.9em;  }
article { font-size:0.8em;  position: relative; }


}
@font-face {
    font-family: 'sofia_pro_lightregular';
    src: url('SofiaProLight-webfont.eot');
    src: url('SofiaProLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('SofiaProLight-webfont.woff') format('woff'),
         url('SofiaProLight-webfont.ttf') format('truetype'),
         url('SofiaProLight-webfont.svg#sofia_pro_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_slab500';
    src: url('Museo_Slab_500_2-webfont.eot');
    src: url('Museo_Slab_500_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('Museo_Slab_500_2-webfont.woff') format('woff'),
         url('Museo_Slab_500_2-webfont.ttf') format('truetype'),
         url('Museo_Slab_500_2-webfont.svg#museo_slab500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KaushanScriptRegular';
    src: url('KaushanScript-Regular-webfont.eot');
    src: url('KaushanScript-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('KaushanScript-Regular-webfont.woff') format('woff'),
         url('KaushanScript-Regular-webfont.ttf') format('truetype'),
         url('KaushanScript-Regular-webfont.svg#KaushanScriptRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CaviarDreamsRegular';
    src: url('CaviarDreams-webfont.eot');
    src: url('CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('CaviarDreams-webfont.woff') format('woff'),
         url('CaviarDreams-webfont.ttf') format('truetype'),
         url('CaviarDreams-webfont.svg#CaviarDreamsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CaviarDreamsBold';
    src: url('Caviar_Dreams_Bold-webfont.eot');
    src: url('Caviar_Dreams_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Caviar_Dreams_Bold-webfont.woff') format('woff'),
         url('Caviar_Dreams_Bold-webfont.ttf') format('truetype'),
         url('Caviar_Dreams_Bold-webfont.svg#CaviarDreamsBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CaviarDreamsItalic';
    src: url('CaviarDreams_Italic-webfont.eot');
    src: url('CaviarDreams_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('CaviarDreams_Italic-webfont.woff') format('woff'),
         url('CaviarDreams_Italic-webfont.ttf') format('truetype'),
         url('CaviarDreams_Italic-webfont.svg#CaviarDreamsItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CaviarDreamsBoldItalic';
    src: url('CaviarDreams_BoldItalic-webfont.eot');
    src: url('CaviarDreams_BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('CaviarDreams_BoldItalic-webfont.woff') format('woff'),
         url('CaviarDreams_BoldItalic-webfont.ttf') format('truetype'),
         url('CaviarDreams_BoldItalic-webfont.svg#CaviarDreamsBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DJGrossNormal';
    src: url('DJGROSS-webfont.eot');
    src: url('DJGROSS-webfont.eot?#iefix') format('embedded-opentype'),
         url('DJGROSS-webfont.woff') format('woff'),
         url('DJGROSS-webfont.ttf') format('truetype'),
         url('DJGROSS-webfont.svg#DJGrossNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'luxi_sansregular';
    src: url('luxisr-webfont.eot');
    src: url('luxisr-webfont.eot?#iefix') format('embedded-opentype'),
         url('luxisr-webfont.woff') format('woff'),
         url('luxisr-webfont.ttf') format('truetype'),
         url('luxisr-webfont.svg#luxi_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'blokletters_balpenbalpen';
    src: url('Blokletters-Balpen-webfont.eot');
    src: url('Blokletters-Balpen-webfont.eot?#iefix') format('embedded-opentype'),
         url('Blokletters-Balpen-webfont.woff') format('woff'),
         url('Blokletters-Balpen-webfont.ttf') format('truetype'),
         url('Blokletters-Balpen-webfont.svg#blokletters_balpenbalpen') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ambleregular';
    src: url('Amble-Regular-webfont.eot');
    src: url('Amble-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Amble-Regular-webfont.woff') format('woff'),
         url('Amble-Regular-webfont.ttf') format('truetype'),
         url('Amble-Regular-webfont.svg#ambleregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'daysregular';
    src: url('Days-webfont.eot');
    src: url('Days-webfont.eot?#iefix') format('embedded-opentype'),
         url('Days-webfont.woff') format('woff'),
         url('Days-webfont.ttf') format('truetype'),
         url('Days-webfont.svg#daysregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'permanent_markerregular';
    src: url('PermanentMarker-webfont.eot');
    src: url('PermanentMarker-webfont.eot?#iefix') format('embedded-opentype'),
         url('PermanentMarker-webfont.woff') format('woff'),
         url('PermanentMarker-webfont.ttf') format('truetype'),
         url('PermanentMarker-webfont.svg#permanent_markerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

这是我的主页 HTML:

   <!DOCTYPE HTML><html lang="en"><head>
<link href="http://fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet" type="text/css">
<script src="browserselector.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var image1=new Image()
image1.src="images/Slideshow1blurred.jpg"
var image2=new Image()
image2.src="images/Slideshow2blurred.jpg"
var image3=new Image()
image3.src="images/Slideshow3blurred.jpg"
//-->
</script>
<meta charset="UTF-8">
<title> SocialAdventuring.com  </title>
<link href="CSS/socialpolarities.css" rel="stylesheet" type="text/css">
</head><body>

    <header>
        <h1> Social Adventuring Dot Com </h1>
    </header>

    <nav class="mainnav">
        <div class="navtext">
        <a href="index.html"> HOME </a> <br>
        <a href="aboutUs.html"> ABOUT US </a> <br>
        <a href="contact.html"> CONTACT US </a> <br>
        <a href="coaching.html"> COACHING </a> <br>
        <a href="seminars.html"> SEMINARS </a> <br>
        <a href="blog.html">  BLOG </a> <br>
        </div>
    </nav>

<div class="wrapper">


    <article class="homepage">

        <p> Welcome to socialadventuring.com! The website is currently under construction but expect to see regular blog updates, news and more on our homepage. In the meantime check out what our company is about as well as our products and services geared to making you kick the maximum amount of ass. 
        </p>
    </article>

    <div class="slideshow">

<img src="file:///Users/alexfalconer-athanassakos/Documents/Final%20Assignment/images/Slideshow3blurred.jpg" name="slide" class="theSlideshow">

    </div>

<script type="text/javascript">
<!--
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<3)
step++
else
step=1
//call function "slideit()" every 2.5 seconds
setTimeout("slideit()",4000)
}
slideit()
//-->
</script>

</div>





</body></html>

最佳答案

图像本身在其顶部有一个内边距。

您可以使用负值定位背景，而不仅仅是“顶部”。

例如:

  background: url("/images/HeaderImage.png") 
       no-repeat scroll center -30px transparent;

关于html - 在 CSS 中定位标题图片，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18264271/

文章推荐： java - 提取指定单词之后的所有单词直到句子结尾

文章推荐： c++ istringstream()函数将字符串转换为int引发错误

文章推荐： html - 无法在 IE10 上获得同源 iframe 主体？

javascript - 获取数据:图片/png；base64，{{图片}} net::ERR_INVALID_URL
我想使用 Angular.js 转换从服务器获取的图像数据(用于 ionic 框架)，我使用了这段代码: $http.post(link, { token: token,
javascript - IOS设备隐藏 "Play Store"图片，Android设备隐藏 "App Store"图片
我正在为我的应用制作一个登陆页面。如果它们在 iOS 设备上，我希望它只显示“App Store”图标，但在 Android 上隐藏它。如果它们在 Android 设备上，则只有“Play Store
JavaScript 图片
如何在同一页面上多次显示同一张图片？ function xdf(){ for (i=0;ihello world'); } } 此代码显示“hello world”10 次。我想要同样的东西，
css 图片
您好，我有一个 1px 的 png 文件，我试图将其设置为两个水平相邻的 div 的背景图像。html 和 css 如下:- hi hello css是这样的 div { width: 50%
image - PrestaShop 图片
我的 PHP 项目安装了 Prestashop 1.4.9.0。当我添加一个新产品时，我上传了一个PNG格式的图片，但是当它在客户端显示时，图片是JPG格式的。如何保留图片扩展名？最佳答案在后台
r - 发送表达式给网站返回动态结果(图片)
我用 http://www.regexper.com查看一个象形表示正则表达式很多。我想要一种理想的方法: 向站点发送正则表达式打开显示该表达式的站点例如，让我们使用正则表达式:"\\s*foo[
电子邮件问题中的 Phpmailer 图片
我不知道为什么在 MAC OS X (Mail 6.2) 的邮件客户端中图像显示如下: 和其他邮件客户端，如 gmail、outlook 或 private，图像是正确的，看起来像这样: PHP邮件程
javascript - 使用XPCOM上传网页文件/图片
我正在使用此处找到的示例。 Mozilla developers 我对这个例子很感兴趣。 function upload(postUrl, fieldName, filePath) { var f
电子邮件问题中的 Phpmailer 图片
我不知道为什么在 MAC OS X (Mail 6.2) 的邮件客户端中图像显示如下: 和其他邮件客户端，如 gmail、outlook 或 private，图像是正确的，看起来像这样: PHP邮件程
java - 如何根据javafx中的复选框选择生成按钮(图片)
我的问题是如何根据用户在javafx中选择的复选框和/或单选按钮生成带有汽车图片设置的按钮？我正在用汽车图片模拟汽车经销商网站。用户应该能够通过单击复选框和/或单选按钮选择来过滤显示的图片。我首先
java - 开发支持多语言的java客户端时优化jar文件大小(图片)
我正在开发Java客户端，它应该支持多种语言。为了翻译文本，我使用 Java ResourceBoundle，它工作正常。现在问题出在图像上。客户端应加载大约 50 张图像，这些图像是棋盘游戏的特定
jquery 褪色图片
我对 jQuery 还很陌生，但我正在寻找一个简单的脚本，通过淡入和淡出的方式在标题中循环 3 或 4 个背景图像。它们是透明的 png，因此我尝试过的许多 slider 都不起作用。有什么想法吗？
jQuery:选择器问题(图片)
我有一个 HTML 文档，其中包含本地文件的图像，例如: ios - 物理主体大于它分配给的纹理(图片)
我的 Sprite “physicsBody ”属性之一出现问题。我已经放置了physicsBody节点“barn ”，直接位于 non-physicsBody 之上节点“mound”没有任何问题。
c# - 获取图像的特定部分(图片)
我想剪切图片的特定部分并用它来将剪切的图像与存储在 HDD 中的另一个图像进行比较。问题是我不知道如何获取源图像的特定部分。我知道要裁剪的图像的位置 (X,Y)。最佳答案这将加载原始版本并创建
Javascript 图片 uploader
如何使用裁剪实用程序在 javascript 中实现图像 uploader 。你如何通过 AJAX 提交图像文件？解决方案是否跨域兼容？最佳答案要实现具有裁剪功能的图片上传小部件，您必须: 将图像
来自图库方向的 Android 图片
public void onActivityResult(int requestCode, int resultCode, Intent data) { super.onActivityRes
java - 一个国家的可点击浮雕(图片)
我想在我的 android 应用程序中显示一个国家的图片。国家必须按地区划分。因此，当用户单击特定区域时，应打开特定屏幕。区域也应该用线分隔，以便用户可以看到区域的开始/结束位置。这是一个国家的例子
php - 在php中上传文件时发生错误(图片)
首先我想对这个问题表示歉意，因为我知道已经有很多人问过这个问题了。但我搜索的所有答案都没有解决我的问题。所以希望您考虑这个问题并帮助我解决这个问题。所以基本上我正在尝试上传图像文件，当我提交它时，会
MySQL:查询结果[图片]
我几乎有了想要的数据...但需要帮助过滤它。 (图在底部) 下面的查询返回状态为 Member-id5 的所有记录，但我需要对其进行过滤。例如:如果我对等做了一个简单的查询。 (exp_channel

太空宇宙

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

html - 在 CSS 中定位标题图片