- 【vue css】background设置背景图片不显示问题
米老鼠的摩托车日记
vue2CSS样式css前端
问题：如上图所示，添加背景图片页面没有显示解决：添加background-position:centercenter即可显示但是不知道为什么添加这个属性就可以，求大神解惑
- css雪碧图实例
邵毅超
作业：雪碧图也就是一整张图片利用css样式里的background-position去调整位置，设置hover或是active显示出鼠标经过和点击的特效。链接图片的时候是相对路径下，并且是有url值的。再有图片显示要写一个no-repeat取消重复显示。购物车特效*{margin:0;padding:0;}.select{margin:0auto;display:block;width:1000p
- 2019-06-01课后作业
三腿M
HTML20190531作业CSS.bth:link{display:block;width:42px;height:30px;background-image:url(img/4.png);background-repeat:no-repeat;background-position:-8px-338px;}.bth:hover{background-position:-59px-338px;}
- css精灵图
码农NoError
cssjavascript前端
Document.star{display:inline-block;width:55px;height:11px;background-color:aqua;background-image:url(./img/ic_rating_s.png);}.star4{background-position:0-22px;}.star2{background-position:0-66px;}.star
- re:从0开始的CSS之旅 19. 背景
扶摇|
从0开始的CSS之旅css前端html
1.背景相关属性background-color设置背景颜色transparent透明的（默认值）background-image设置背景图片可选值：none无背景图片（默认值）url()背景图片路径backgroung-repeat设置背景平铺可选值：repeat平铺（默认值）no-repeat不平铺repeat-x水平平铺repeat-y垂直平铺background-position设置背景图
- 购物车图标
颜青ya
shopping.btn:link{display:block;width:42px;height:30px;background-image:url(./img/7.png);background-repeat:no-repeat;background-position:-10px-338px;}.btn:hover{background-position:-59px-338px;}
- CSS高级技巧
象更
css前端
精灵技术精灵技术的目的：有效减少服务器接收和发送请求的次数，提高页面加载速度使用精灵图的核心：针对背景图片使用，把多个小背景图片整合到一个大图片。移动背景图片位置，可以用background-position移动距离就是目标图片的x,y轴坐标，y轴正方向水平向下因此如果往上往左移动，数值是负值类似移动大图片位置剪切缺点：图片文件比较大，放大缩小会失真；制作完毕更换非常复杂。用字体图标iconfon
- 2018.10.23背景，位置偏移和雪碧图
爽爽ing
背景插入背景图片background-image:url(img/图片)背景颜色不会超过背景图片设置是否如何重复背景图片background-repeat:no-repeat只显示一个图片background-repeat:repeat-x水平方向铺满background-repeat:repeat-y垂直方向铺满给整个页面设背景，给body设置位置偏移与定位background-position
- 【JAVA WEB】 css背景属性 && 圆角矩形的绘制
lzb_kkk
前端javascriptcss
目录背景属性设置圆角矩形背景属性设置背景颜色,在style中background-color:颜色；背景图片background-image:url(……)背景图片的平铺方式background-repeat:平铺方式repeat平铺（默认）no-repeat不平铺repeat-x水平平铺repeat-y垂直平铺背景图片的位置background-position:200px200px;//x轴y
- 妙用 background 实现花式文字效果
狂徒_张三
本文将讲解如何利用background系列属性，巧妙的实现一些花式的文字效果。通过本文，你将可以学到：通过background-size与background-position实现酷炫的文字下划线效果通过background-size与background-position以及background-clip实现文字逐个渐现的效果通过animation-delay实现文字的渐现效果起因写本文的动机是
- 背景定位的三个方法——《css揭秘》
参商_70a0
(1)background-position可以避免去算左上角的偏移量，直接指定位置。.wrapper{background:url(paypal.png)no-repeat#58a;background-position:right20pxbottom10px;width:1000px;height:890px;}image.png(2)background-origin这个属性可以让位置跟着p
- 2019-06-01
陈_066c
css*{padding:0;auto:0;list-style:none;}.bg{width:42px;height:30px;background-image:url(image/tu.png);background-position:-8px-338px;}.bg:hover{background-position:-59px-338px;}.bg:active{background-po
- 亚马逊
幸而0407
代码雪碧图.box1{width:129px;height:48px;background-image:url(image/am.png);}.box2{width:42px;height:30px;background-image:url(image/am.png);background-position:-58px-338px;}效果图Image1.png
- qt 控件比较大，图像比较小时，如何居中贴图
开心大爆炸
前端
直接用样式表修改QPushButton#close_btn{background:transparent;background-image:url(://res/image/close_white.png);background-repeat:no-repeat;background-position:center;}
- 【Web前端实操16】雪碧图（CSS精灵图）
墨倾许
Web前端实操前端
雪碧图CSSSprite也叫CSS精灵图、CSS雪碧图，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去雪碧图一般会给一个完整的图片，主要利用background-position属性设置背景图像的起始位置。优点减少图片的字节减少网页的http请求，从而大大的提高页面的性能原理通过background-image引入背景图片通过background-posit
- web前端入门：Html、CSS完成九宫格
莫得信服
web前端html5css前端
用html、css制作一个简单的九宫格，显示完整的拼图效果。1.建一个三行三列的表格；2.设置一个图片背景；3.使用background-position属性来移动背景图片位置。关于设置背景属性，可以参考以下文档！http://css.doyoe.com/properties/background/background-position.htm代码如下：九宫格table{width:400px;h
- 購物車圖標
3788ea30a4e8
购物车.cart{display:block;width:40px;height:30px;background:url("img/bj.png")no-repeat;background-position:-10px-339px;}/*.cart:link{;width:40px;height:30px;}*/.cart:hover{background-position:-60px-339px
- 背景定位和背景固定
优秀的人A
background-positionbody{background-image:url('bgimage.gif');background-repeat:no-repeat;background-attachment:fixed;background-position:center;}toplefttopcentertoprightcenterleftcentercentercenterrigh
- 亚马逊
BaiBao丶
雪碧图.btn:link{display:block;width:47px;height:40px;background-image:url(amazon-sprite_.png);background-repeat:no-repeat;background-position:-9px-330px;}.btn:hover{background-position:-54px-330px;}.btn:
- 什么是CSS Sprite，以及如何在页面或网站中使用它
&ACE&
css前端
CSSSprite是一种将多个图像合并到单个图像中的技术。它通过将所有图像放在同一个图像文件中，并使用CSS的background-position属性来显示其中的特定部分来实现。使用CSSSprite的好处是减少了网络请求的数量，从而减少了页面加载时间。此外，由于所有图像都在一个文件中，所以减少了HTTP请求的开销。要在页面或网站中使用CSSSprite，可以按照以下步骤进行：创建一个包含所有需
- 2019-03-28
浮旧浮梦_968d
购物车*{padding:0;margin:0;}.xuebitu:link{display:block;width:42px;height:30px;background-image:url(image/gouwuche.png);background-position:-10px-340px;}.xuebitu:hover{background-position:-58px-338px;}
- CSS偏移和定位
_Clown_
1）关键字：background-position:topleft;2）像素：background-position:0px0px;3）百分比：background-position:0%0%;上面这三句语句，都将图片定位在背景的左上角，表面上看效果是一样的，实际上第三种定位机制与前两种完全不同。背景偏移与定位*{margin:0;padding:0;}.box{height:5000px;bac
- 背景定位和背景固定
回忆在美也是曾经
background-positionbody{background-image:url('bgimage.gif');background-repeat:no-repeat;background-attachment:fixed;background-position:center;}定位方法：1.topleft2.topcenter3.topright4.centerleft5.centerr
- 一个Python网站。
bicart
csscss3html
本文使用创作助手。HTML文件（index.html）：bicart介绍body{background-color:#f5f5f5;background-image:url("/static/background_image.jpg");background-size:cover;background-position:center;}.nav{background-color:#333;over
- 详解background（background-color background-clip background-image 渐变函数）[第一天]
PBitW
重学前端2csscss详解background详解css3渐变重复性渐变参数详解css实现渐变文字
文章目录backgroundbackground-colorbackground-clipbackground-imagebackground-repeat（平铺）background-position（背景位置）background-size（背景图大小）background-attachment（固定或滚动）渐变函数linear-gradient()[线性渐变]css3实现字体渐变色radia
- css背景属性bacground实现字体颜色渐变
仙说
csscsscss3html
css基础背景属性background-colorbackground-image:url();background-repeat:repeat|no-repeat|repeat-x|repeat-y;background-attachment:fixed|scroll;background-position:lefttop|center|20%50%;简写背景属性background简写顺序如上
- css背景定位左右怎么写,CSS背景定位属性详解
令和时代的柯南
css背景定位左右怎么写
你对CSS中background-position属性的使用是否了解，这里和大家分享一下，该属性定位不受对象的补丁属性(padding)设置影响。默认值为：0%0%，此时背景图片将被定位于对象不包括补丁(padding)的内容区域的左上角。CSS中background-position属性说明设置或检索对象的背景图像位置。必须先指定background-image属性。该属性定位不受对象的补丁属性
- 背景定位
宠着我家刘蕊
body{background-image:url('bgimage.gif');background-repeat:no-repeat;background-attachment:fixed;background-position:center;}toplefttopcentertoprightcenterleftcentercentercenterrightbottomleftbottomce
- css面试题
Alice_66
css前端
background：设置背景色属性：background-color：设置元素的背景色。颜色会填充内容、内编剧和边框区域，扩展到元素边框的外边界（但不包含外边距）。如果边框有透明颜色（如虚线边框），则会透过这些透明部分显示出背景色background-position：设置背景图像的其实位置。提示：您需要把background-attachment属性设置为“fixed”，才能保证该属性在Fir
- background-position设置百分比“失效了”！！
少油少盐不要辣
css
1.background-position设置百分比的计算原理当指定百分比值的时候，实际上执行了以下的计算公式（该公式可以用数学方式定义图片和容器相对位置重合）：这是当background-size:auto;时，百分比有效。(containerwidth-imagewidth)*(positionx%)=(xoffsetvalue)(containerheight-imageheight)*(p
- 矩阵求逆（JAVA）初等行变换
qiuwanchi
矩阵求逆（JAVA）
package gaodai.matrix;
import gaodai.determinant.DeterminantCalculation;
import java.util.ArrayList;
import java.util.List;
import java.util.Scanner;
/**
* 矩阵求逆(初等行变换)
* @author 邱万迟
*
- JDK timer
antlove
javajdkschedulecodetimer
1.java.util.Timer.schedule(TimerTask task, long delay)：多长时间（毫秒）后执行任务
2.java.util.Timer.schedule(TimerTask task, Date time)：设定某个时间执行任务
3.java.util.Timer.schedule(TimerTask task, long delay,longperiod
- JVM调优总结 -Xms -Xmx -Xmn -Xss
coder_xpf
jvm应用服务器
堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。
典型设置：
java -Xmx
- JDBC连接数据库
Array_06
jdbc
package Util;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
public class JDBCUtil {
//完
- Unsupported major.minor version 51.0（jdk版本错误）
oloz
java
java.lang.UnsupportedClassVersionError: cn/support/cache/CacheType : Unsupported major.minor version 51.0 (unable to load class cn.support.cache.CacheType)
at org.apache.catalina.loader.WebappClassL
- 用多个线程处理1个List集合
362217990
多线程threadlist集合
昨天发了一个提问，启动5个线程将一个List中的内容，然后将5个线程的内容拼接起来，由于时间比较急迫，自己就写了一个Demo，希望对菜鸟有参考意义。。
import java.util.ArrayList;
import java.util.List;
import java.util.concurrent.CountDownLatch;
public c
- JSP简单访问数据库
香水浓
sqlmysqljsp
学习使用javaBean，代码很烂，仅为留个脚印
public class DBHelper {
private String driverName;
private String url;
private String user;
private String password;
private Connection connection;
privat
- Flex4中使用组件添加柱状图、饼状图等图表
AdyZhang
Flex
1.添加一个最简单的柱状图
? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
<?xml version=
"1.0"&n
- Android 5.0 - ProgressBar 进度条无法展示到按钮的前面
aijuans
android
在低于SDK < 21 的版本中，ProgressBar 可以展示到按钮前面，并且为之在按钮的中间，但是切换到android 5.0后进度条ProgressBar 展示顺序变化了，按钮再前面，ProgressBar 在后面了我的xml配置文件如下：
[html]
view plain
copy
<RelativeLa
- 查询汇总的sql
baalwolf
sql
select list.listname, list.createtime,listcount from dream_list as list , (select listid,count(listid) as listcount from dream_list_user group by listid order by count(
- Linux du命令和df命令区别
BigBird2012
linux
1，两者区别
du，disk usage,是通过搜索文件来计算每个文件的大小然后累加，du能看到的文件只是一些当前存在的，没有被删除的。他计算的大小就是当前他认为存在的所有文件大小的累加和。
- AngularJS中的$apply，用还是不用？
bijian1013
JavaScriptAngularJS$apply
在AngularJS开发中，何时应该调用$scope.$apply()，何时不应该调用。下面我们透彻地解释这个问题。
但是首先，让我们把$apply转换成一种简化的形式。
scope.$apply就像一个懒惰的工人。它需要按照命
- [Zookeeper学习笔记十]Zookeeper源代码分析之ClientCnxn数据序列化和反序列化
bit1129
zookeeper
ClientCnxn是Zookeeper客户端和Zookeeper服务器端进行通信和事件通知处理的主要类，它内部包含两个类，1. SendThread 2. EventThread， SendThread负责客户端和服务器端的数据通信，也包括事件信息的传输，EventThread主要在客户端回调注册的Watchers进行通知处理
ClientCnxn构造方法
&
- 【Java命令一】jmap
bit1129
Java命令
jmap命令的用法：
[hadoop@hadoop sbin]$ jmap
Usage:
jmap [option] <pid>
(to connect to running process)
jmap [option] <executable <core>
(to connect to a
- Apache 服务器安全防护及实战
ronin47
此文转自IBM.
Apache 服务简介
Web 服务器也称为 WWW 服务器或 HTTP 服务器 (HTTP Server)，它是 Internet 上最常见也是使用最频繁的服务器之一，Web 服务器能够为用户提供网页浏览、论坛访问等等服务。
由于用户在通过 Web 浏览器访问信息资源的过程中，无须再关心一些技术性的细节，而且界面非常友好，因而 Web 在 Internet 上一推出就得到
- unity 3d实例化位置出现布置？
brotherlamp
unity教程unityunity资料unity视频unity自学
问：unity 3d实例化位置出现布置？
答：实例化的同时就可以指定被实例化的物体的位置,即 position
Instantiate (original : Object, position : Vector3, rotation : Quaternion) : Object
这样你不需要再用Transform.Position了,
如果你省略了第二个参数(
- 《重构，改善现有代码的设计》第八章 Duplicate Observed Data
bylijinnan
java重构
import java.awt.Color;
import java.awt.Container;
import java.awt.FlowLayout;
import java.awt.Label;
import java.awt.TextField;
import java.awt.event.FocusAdapter;
import java.awt.event.FocusE
- struts2更改struts.xml配置目录
chiangfai
struts.xml
struts2默认是读取classes目录下的配置文件，要更改配置文件目录，比如放在WEB-INF下，路径应该写成../struts.xml(非/WEB-INF/struts.xml)
web.xml文件修改如下：
<filter>
<filter-name>struts2</filter-name>
<filter-class&g
- redis做缓存时的一点优化
chenchao051
redishadooppipeline
最近集群上有个job，其中需要短时间内频繁访问缓存，大概7亿多次。我这边的缓存是使用redis来做的，问题就来了。
首先，redis中存的是普通kv，没有考虑使用hash等解结构，那么以为着这个job需要访问7亿多次redis，导致效率低，且出现很多redi
- mysql导出数据不输出标题行
daizj
mysql数据导出去掉第一行去掉标题
当想使用数据库中的某些数据，想将其导入到文件中，而想去掉第一行的标题是可以加上-N参数
如通过下面命令导出数据：
mysql -uuserName -ppasswd -hhost -Pport -Ddatabase -e " select * from tableName" > exportResult.txt
结果为：
studentid
- phpexcel导出excel表简单入门示例
dcj3sjt126com
PHPExcelphpexcel
先下载PHPEXCEL类文件，放在class目录下面，然后新建一个index.php文件，内容如下
<?php
error_reporting(E_ALL);
ini_set('display_errors', TRUE);
ini_set('display_startup_errors', TRUE);
if (PHP_SAPI == 'cli')
die('
- 爱情格言
dcj3sjt126com
格言
1) I love you not because of who you are, but because of who I am when I am with you. 我爱你，不是因为你是一个怎样的人，而是因为我喜欢与你在一起时的感觉。 2) No man or woman is worth your tears, and the one who is, won‘t
- 转 Activity 详解——Activity文档翻译
e200702084
androidUIsqlite配置管理网络应用
activity 展现在用户面前的经常是全屏窗口，你也可以将 activity 作为浮动窗口来使用（使用设置了 windowIsFloating 的主题），或者嵌入到其他的 activity （使用 ActivityGroup ）中。 当用户离开 activity 时你可以在 onPause() 进行相应的操作 。更重要的是，用户做的任何改变都应该在该点上提交 ( 经常提交到 ContentPro
- win7安装MongoDB服务
geeksun
mongodb
1. 下载MongoDB的windows版本：mongodb-win32-x86_64-2008plus-ssl-3.0.4.zip，Linux版本也在这里下载，下载地址： http://www.mongodb.org/downloads
2. 解压MongoDB在D:\server\mongodb, 在D:\server\mongodb下创建d
- Javascript魔法方法:__defineGetter__,__defineSetter__
hongtoushizi
js
转载自： http://www.blackglory.me/javascript-magic-method-definegetter-definesetter/
在javascript的类中,可以用defineGetter和defineSetter_控制成员变量的Get和Set行为
例如,在一个图书类中,我们自动为Book加上书名符号:
function Book(name){
- 错误的日期格式可能导致走nginx proxy cache时不能进行304响应
jinnianshilongnian
cache
昨天在整合某些系统的nginx配置时，出现了当使用nginx cache时无法返回304响应的情况，出问题的响应头： Content-Type:text/html; charset=gb2312 Date:Mon, 05 Jan 2015 01:58:05 GMT Expires:Mon , 05 Jan 15 02:03:00 GMT Last-Modified:Mon, 05
- 数据源架构模式之行数据入口
home198979
PHP架构行数据入口
注：看不懂的请勿踩，此文章非针对java，java爱好者可直接略过。
一、概念
行数据入口（Row Data Gateway）：充当数据源中单条记录入口的对象，每行一个实例。
二、简单实现行数据入口
为了方便理解，还是先简单实现：
<?php
/**
* 行数据入口类
*/
class OrderGateway {
/*定义元数
- Linux各个目录的作用及内容
pda158
linux脚本
1）根目录“/” 根目录位于目录结构的最顶层，用斜线（/）表示，类似于
Windows
操作系统的“C:\“，包含Fedora操作系统中所有的目录和文件。 2）/bin /bin 目录又称为二进制目录，包含了那些供系统管理员和普通用户使用的重要
linux命令的二进制映像。该目录存放的内容包括各种可执行文件，还有某些可执行文件的符号连接。常用的命令有：cp、d
- ubuntu12.04上编译openjdk7
ol_beta
HotSpotjvmjdkOpenJDK
获取源码
从openjdk代码仓库获取(比较慢)
安装mercurial Mercurial是一个版本管理工具。 sudo apt-get install mercurial
将以下内容添加到$HOME/.hgrc文件中，如果没有则自己创建一个： [extensions] forest=/home/lichengwu/hgforest-crew/forest.py fe
- 将数据库字段转换成设计文档所需的字段
vipbooks
设计模式工作正则表达式
哈哈，出差这么久终于回来了，回家的感觉真好！
PowerDesigner的物理数据库一出来，设计文档中要改的字段就多得不计其数，如果要把PowerDesigner中的字段一个个Copy到设计文档中，那将会是一件非常痛苦的事情。
