使用css / javascript拉伸背景图像

时间:2016-12-06 19:37:45

标签: javascript css

这是我正在使用的代码:

if(view == null){

    // CREATE NEW
    view = inflater.inflate(R.layout.product_card,null);

    // GET CURRENT PRODUCT
    Products.Product product = products.products.get(i);

    // CREATE WIDGETS
    TextView cardTitle = (TextView)view.findViewById(R.id.txtProductName);
    ImageView cardImage = (ImageView)view.findViewById(R.id.imgProductImage);
    CardView card = (CardView)view.findViewById(R.id.tmpCard);
    TextView cardSKU = (TextView)view.findViewById(R.id.txtProductSKU);
    TextView cardPrice = (TextView)view.findViewById(R.id.txtProductPrice);

    // GET IMAGE
    if (product.picture.length() > 0) {

        // PUT IMAGE
        cardImage.setImageBitmap(BitmapFactory.decodeFile(functions.getLocalPicturePath(product.picture)));

    }else{

        // GENERATE GRADIENT
        card.setBackground(colors.generateGradient());

    }


    // SET VALUES
    cardTitle.setText(product.name);
    cardSKU.setText(product.sku);

    cardPrice.setText("$"+product.price);

    // CHECK FOR SALE PRICE
    if(product.salePrice > 0){
        cardPrice.setText("$"+product.salePrice);
    }

}

return view;

我正在尝试设置背景缩略图的样式,因此它涵盖了跨度,但我已经尝试了所有的东西而且我无法让它工作。我做错了什么?

我认为这会奏效,但它并没有

  $('a.youtube-video').each(function() {
    var videoId = $(this).attr('data-video');
    var videoThumbnail = "http://img.youtube.com/vi/" + videoId + "/0.jpg";
    var videoBackground = $('<span class="youtube-thumbnail"></span>');
    videoBackground.css({
    background:"#fff url('"+videoThumbnail+"') no-repeat"          
    });

2 个答案:

答案 0 :(得分:2)

这个问题是您尝试使用带有对象语法的javascript设置CSS属性,但是您并未将样式规则调整为标准的javascript对象语法。基本上,background-size如果您将其设置为backgroundSize则应为videoBackground.css({ background: "#fff url('"+videoThumbnail+"') no-repeat", backgroundSize: 'cover' });

videoBackground.css({
    "background": "#fff url('"+videoThumbnail+"') no-repeat",
    "background-size": 'cover'
});

通常,当您使用javascript对象或直接设置样式对象的属性时,您需要更改规则名称中带有破折号的任何规则。

编辑:在报价中包含也有效:

# Add a small amount times the identity matrix to prevent errors
identity = tf.Variable(tf.convert_to_tensor(np.eye(mu_shape[-1].value), dtype=tf.float32))
Sigma = tf.batch_matmul(L,tf.matrix_transpose(L)) + 1e-4*identity

# Check positive definite
def _debug_print_func(Sigma,L):
  try:
      C = np.linalg.cholesky(Sigma)
  except np.linalg.LinAlgError:
      print 'LinAlgError'  

  return Sigma

[Sigma] = tf.py_func(_debug_print_func, [Sigma,L], [tf.float32])

答案 1 :(得分:0)

尝试background-size:100% 100%;

编辑:

上面的代码是css。在jQuery的css函数中使用时,使用backgroundSize: 100% 100%"background-size": 100% 100%